vue.js - 升级到 Vue 3 后，将 Vue 实例化更新为 createApp，webpack 构建失败，Module not found : Error: Can't resolve 'vue'

Question

在完成所有必需的升级到 Vue 3 之后，我无法摆脱 webpack 构建期间非常无用的错误消息:Module not found: Error: Can't resolve 'vue'

我在 package.json 中更新到了最新的 Vue 版本(3.0.4)

我更新了所有其他软件包，包括 vue-loader (16.1.1) ，从 vue-template-compile 开始至 @vue/compiler-sfc (3.0.4)

我把main.js初始化代码改成了import { createApp } from 'vue';和 createApp( App ).mount( '#app' );

我已经删除了 node_modules 并重新运行 npm install，所以 'vue' 肯定存在。

我什至把所有的 Vue 组件都简化为实际上只有 html 。

为什么它仍然说它找不到'vue'。大多数谷歌搜索都会产生关于 Laravel 的建议，但我不使用它。

Answer 1

经过大量研究，发现您可能需要检查 webpack 配置别名的部分，因为 vue 包中的 Vue 构建引用在 Vue2 和 Vue3 之间发生了变化。
如果您有以下别名集指向 Vue 运行时，则需要更新它。
老的:

resolve: {
    alias: {
        'vue$': 'vue/dist/vue.runtime.esm.js',
    }
}

改成:

resolve: {
    alias: {
        'vue$': 'vue/dist/vue.runtime.esm-bundler.js',
    }
}

更多信息可以在 Vue 3 docs 上找到