Migrate from Vue2 to Vue3

Question

I'm trying to migrate big project, about 2000 components and I have a lot of packages that not relevant in Vue3, 'Element-UI' for instace.

After upgrade Vue to version 3.1.0-0 and add @vue/compat version 3.1.0-0 and @vue/compiler-sfc version 3.1.0-0, I fix all errors and trying to 'npm run dev', than I saw this error

enter image description here

In addition, I have update vue-loader to version 16.0.0 and changed main.js to this:

enter image description here

My package.json: enter image description here

How can I solve this issue?

first line import Vue, {createApp} from 'Vue' change to import { createApp } from 'vue' . — fatm
– fatm, Commented Dec 6, 2022 at 7:28
Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. — Community
– Community Bot, Commented Dec 6, 2022 at 7:58
Images are forbidden here, please post those as actual (highlighted) text. Otherwise, you can follow the official guide: v3-migration.vuejs.org Maybe upgrade towards the latest version of Vue too. — kissu
– kissu, Commented Dec 6, 2022 at 10:21

Manoj Nandanwar · Accepted Answer · 2022-12-06 10:28:39Z

1

This question ranks high in google, so I would add a settings for Vue 3. With Webpack 5 and Vue 3, the webpack config alias changes to this:

resolve: {
extensions: [ '.tsx', '.ts', '.js', '.vue' ],
alias: {
    'vue': '@vue/runtime-dom'
}

},

Alternatively this may be the solution, if the are transpilation errors:

  alias: {
    'Vue': 'vue/dist/vue.esm-bundler.js',
}

answered Dec 6, 2022 at 10:28

Manoj Nandanwar

112 bronze badges

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

Collectives™ on Stack Overflow

Migrate from Vue2 to Vue3

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related