webpack 从Vue2迁移到Vue3

sbtkgmzw  于 2022-12-13  发布在  Webpack
关注(0)|答案(1)|浏览(214)

我正在尝试迁移大项目,大约2000个组件,我有很多包,不相关的Vue 3,'ElementUI'的instace。
在将Vue升级到版本3.1.0-0并添加@vue/compat版本3.1.0-0和@vue/compiler-sfc版本3.1.0-0后,我修复了所有错误并尝试“npm run dev”,然后我看到了此错误

此外,我已经将vue-loader更新到16.0.0版,并将main.js更改为:

我的包参:

如何解决此问题?

bvjveswy

bvjveswy1#

这个问题在google中排名很高,所以我会为Vue 3添加一个设置。对于Webpack 5和Vue 3,Webpack配置别名更改为:

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

},
或者,如果存在蒸腾误差,则这可能是解决方案:

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

相关问题