首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >升级到Vue 3并将Vue实例化更新为createApp后,webpack构建失败,模块未找到:错误:无法解决'vue‘

升级到Vue 3并将Vue实例化更新为createApp后,webpack构建失败,模块未找到:错误:无法解决'vue‘
EN

Stack Overflow用户
提问于 2020-12-11 15:23:08
回答 1查看 2.6K关注 0票数 4

在完成了对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安装,所以'vue‘肯定在那里。
  • 我甚至把所有的Vue组件都简化了,使它们中除了html之外什么都没有。

为什么它还在说找不到“vue”。大多数谷歌搜索结果是关于laravel的建议,但我不使用。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-12-11 15:23:08

经过大量研究,您可能会想要查看webpack配置别名的部分,因为Vue包中的vue构建引用在Vue2和Vue3之间发生了变化。

如果下面的别名集指向Vue运行时,则需要更新它。

旧:

代码语言:javascript
运行
复制
resolve: {
    alias: {
        'vue$': 'vue/dist/vue.runtime.esm.js',
    }
}

改为:

代码语言:javascript
运行
复制
resolve: {
    alias: {
        'vue$': 'vue/dist/vue.runtime.esm-bundler.js',
    }
}

更多信息可以在Vue 3文档上找到。

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65254050

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档