vue3 + typescript: TS2345: Argument of type 'Router' is not assignable to parameter of type 'Plugin_2'

Question

In our yarn multi workspace project we get a very strange typescript build exception with the latest version of vue:

TS2345: Argument of type 'Router' is not assignable to parameter of type 'Plugin_2'.
  Type 'Router' is not assignable to type '{ install: PluginInstallFunction; }'.
    Types of property 'install' are incompatible.
      Type '(app: App<any>) => void' is not assignable to type 'PluginInstallFunction'.
        Types of parameters 'app' and 'app' are incompatible.
          Type 'import("/node_modules/@vue/runtime-core/dist/runtime-core").App<any>' is not assignable to type 'import("/node_modules/@vue/runtime-core/dist/runtime-core").App<any>'.

To me it does look, like they are identicall...

The relevant parts of the package.json:

{
   "dependencies": {
     "vue": "^3.2.31",
     "vue-router": "4.0.12",
     "@typescript-eslint/eslint-plugin": "^4.18.0",
     "@typescript-eslint/parser": "^4.18.0",
     "ts-node": "^8.10.2",
     "typescript": "~4.1.5"
   }
}

Anybody had this before and knows maybe how to fix it without going through the lengthy process of opening vue core tickets?

Andreas · Accepted Answer · 2022-02-22 13:01:41Z

5

We'll it looks like an oddity of yarn...

We upgraded now all dependencies of vue to "vue": "^3.2.29" and the error is gone.

answered Feb 22, 2022 at 13:01

Andreas

2,2312 gold badges21 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Amesys Over a year ago

I was on vue 3.2.45, upgraded to 3.2.47 and it worked as well. Seems like a yarn oddity indeed.

Vlad Omelyanenko · Accepted Answer · 2022-06-05 13:58:02Z

3

In my case, the error appeared when installing Element plus UI. And I decided to set the type "types": ["element-plus/global"] in tsconfig.json

Update: It is just as easy to solve a problem of the specified type as any. I do not know how correct this is, but the typescript does not always show an error. For example: createApp(App).use(i18n as any).use(ElementPlus).use(router as any).use(createPinia() as any).mount('#app')

edited Jun 5, 2022 at 13:58

answered Jun 5, 2022 at 9:41

Vlad Omelyanenko

715 bronze badges

1 Comment

Tomas Gil Amoedo Over a year ago

I would not put too much trust in "as any", perhaps as a temorary solution tho

Diego Alberto Zapata Häntsch · Accepted Answer · 2024-03-27 01:55:52Z

1

In my case, I discovered different versions of Vue between the app and the plugin.

The app installed [email protected], and the plugin installed [email protected], and with another plugin [email protected].

answered Mar 27, 2024 at 1:55

Diego Alberto Zapata Häntsch

1,20620 silver badges27 bronze badges

Collectives™ on Stack Overflow

vue3 + typescript: TS2345: Argument of type 'Router' is not assignable to parameter of type 'Plugin_2'

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related