``` export default definePlugin({ components: {}, routes: [ { parentName: "Root", route: { path: "/example", name: "Example", component: HomeView, meta: { title: "示例页面", searchable: true, menu: { name: "示例页面", group: "示例分组", icon: markRaw(IconPlug), priority: 0, }, }, }, }, ], extensionPoints: {}, }); component: HomeView,这个属性报错报错信息如下 TS2322: Type 'typeof import("F:/code/haloGPT/console/node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue")' is not assignable to type 'RawRouteComponent | null | undefined'.Type 'typeof import("F:/code/haloGPT/console/node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue")' is not assignable to type 'DefineComponent<{}, {}, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, ... 5 more ..., {}>'.Type 'typeof import("F:/code/haloGPT/console/node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue")' is not assignable to type 'ComponentPublicInstanceConstructor<{ $: ComponentInternalInstance; $data: {}; $props: { ref?: VNodeRef | undefined; key?: string | number | symbol | undefined; ref_for?: boolean | undefined; ... 8 more ...; style?: unknown; }; ... 10 more ...; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T exten...'.Type 'typeof import("F:/code/haloGPT/console/node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue")' provides no match for the signature 'new (...args: any[]): { $: ComponentInternalInstance; $data: {}; $props: { ref?: VNodeRef | undefined; key?: string | number | symbol | undefined; ref_for?: boolean | undefined; ... 8 more ...; style?: unknown; }; ... 10 more ...; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<...> | undefined): WatchStopHandle; } & ... 5 more ... & {}'. ```

插件开发模板console下index.ts属性报错

yangzidemuou

export default definePlugin({
  components: {},
  routes: [
    {
      parentName: "Root",
      route: {
        path: "/example",
        name: "Example",
        component: HomeView,
        meta: {
          title: "示例页面",
          searchable: true,
          menu: {
            name: "示例页面",
            group: "示例分组",
            icon: markRaw(IconPlug),
            priority: 0,
          },
        },
      },
    },
  ],
  extensionPoints: {},
});

component: HomeView,这个属性报错报错信息如下

<html>TS2322: Type 'typeof import(&quot;F:/code/haloGPT/console/node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue&quot;)' is not assignable to type 'RawRouteComponent | null | undefined'.<br/>Type 'typeof import(&quot;F:/code/haloGPT/console/node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue&quot;)' is not assignable to type 'DefineComponent&lt;{}, {}, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, ... 5 more ..., {}&gt;'.<br/>Type 'typeof import(&quot;F:/code/haloGPT/console/node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue&quot;)' is not assignable to type 'ComponentPublicInstanceConstructor&lt;{ $: ComponentInternalInstance; $data: {}; $props: { ref?: VNodeRef | undefined; key?: string | number | symbol | undefined; ref_for?: boolean | undefined; ... 8 more ...; style?: unknown; }; ... 10 more ...; $watch&lt;T extends string | ((...args: any) =&gt; any)&gt;(source: T, cb: T exten...'.<br/>Type 'typeof import(&quot;F:/code/haloGPT/console/node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue&quot;)' provides no match for the signature 'new (...args: any[]): { $: ComponentInternalInstance; $data: {}; $props: { ref?: VNodeRef | undefined; key?: string | number | symbol | undefined; ref_for?: boolean | undefined; ... 8 more ...; style?: unknown; }; ... 10 more ...; $watch&lt;T extends string | ((...args: any) =&gt; any)&gt;(source: T, cb: T extends (...args: any) =&gt; infer R ? (args_0: R, args_1: R) =&gt; any : (...args: any) =&gt; any, options?: WatchOptions&lt;...&gt; | undefined): WatchStopHandle; } &amp; ... 5 more ... &amp; {}'.

Ryan Wang 👍

能提供一下你当前的环境信息吗？比如 Node、pnpm 版本等。目前你提到的这些问题我都没有复现。

yangzidemuou

Ryan Wang 👍
信息如下

C:\Users\yang'zi'de'mu'ou>pnpm --version
8.10.0
C:\Users\yang'zi'de'mu'ou>npm --version
9.5.0
C:\Users\yang'zi'de'mu'ou>node --version
v18.15.0

package.json文件

  "dependencies": {
    "@"halo-dev"#4/components": "^1.5.0",
    "@"halo-dev"#4/console-shared": "^2.6.0",
    "canvas-confetti": "^1.6.0",
    "vue": "^3.3.4"
  },
  "devDependencies": {
    "@"halo-dev"#4/ui-plugin-bundler-kit": "^1.0.0",
    "@iconify/json": "^2.2.76",
    "@rushstack/eslint-patch": "^1.3.1",
    "@types/canvas-confetti": "^1.6.0",
    "@types/jsdom": "^20.0.1",
    "@types/node": "^16.18.35",
    "@vitejs/plugin-vue": "^3.2.0",
    "@vitejs/plugin-vue-jsx": "^2.1.1",
    "@vue/eslint-config-prettier": "^7.1.0",
    "@vue/eslint-config-typescript": "^11.0.3",
    "@vue/test-utils": "^2.3.2",
    "@vue/tsconfig": "^0.1.3",
    "eslint": "^8.42.0",
    "eslint-plugin-vue": "^9.14.1",
    "jsdom": "^19.0.0",
    "npm-run-all": "^4.1.5",
    "prettier": "^2.8.8",
    "sass": "^1.63.3",
    "typescript": "~4.7.4",
    "unplugin-icons": "^0.15.3",
    "vite": "^4.5.0",
    "vitest": "^0.24.5",
    "vue-tsc": "^1.6.5"
  }

而且发现将env.d.ts下的 export default Vue;注释掉之后上面的属性值就不报错了😥