AI 助理
备案控制台
开发者社区 彭世瑜的博客 文章 正文

[webpack-cli] Error: Cannot find module ‘vue/compiler-sfc‘

2022-09-14 1567
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： [webpack-cli] Error: Cannot find module ‘vue/compiler-sfc‘

Webpack打包vue文件的时候报错


[webpack-cli] Error: Cannot find module 'vue/compiler-sfc'

原因是我使用的是Vue2，而版本不对，以下是对应版本

Vue 3 requires vue-loader v16 + @vue/compiler-sfc;

Vue 2 requires vue-loader v15 + vue-template-compiler.


解决方式：降级使用15版本


$ cnpm i vue-loader@15 -D
文章标签：
JavaScript
关键词：
Webpack vue
Webpack error find
码农技术君
目录
相关文章
java冯坚持
|
23天前
|
JavaScript
webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。
这篇文章是关于如何在webpack环境中配置Vue.js，包括安装Vue.js、解决报错、理解el与template的区别、使用SPA模式、抽离模板为对象、封装为单独的js文件、安装vue-loader时遇到的问题及解决方案，以及整个过程的总结。
java冯坚持
65 2
webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。
六卿
|
2月前
|
JavaScript 测试技术 Windows
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境，包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件，并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。
六卿
70 2
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
你都不懂
|
3月前
|
前端开发 JavaScript API
从0-1建一个webpack/vue项目，熟悉一下webpack知识点
【8月更文挑战第20天】
你都不懂
86 2
1313310884104708
|
3月前
|
JavaScript 测试技术
在不同 webpack 版本的 Vue 项目中配置 Storybook
在不同 webpack 版本的 Vue 项目中配置 Storybook
1313310884104708
17 0
。思索
|
3月前
|
JavaScript
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
。思索
57 0
码农飞哥
|
4月前
|
JavaScript
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
码农飞哥
243 1
爱你三千遍斯塔克
|
4月前
AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
爱你三千遍斯塔克
467 0
百锦再@新空间代码工作室
|
4月前
|
JavaScript 前端开发 应用服务中间件
Vue学习：webpack-dev-server和nginx问答
Vue学习：webpack-dev-server和nginx问答
百锦再@新空间代码工作室
51 0
朝阳39
|
4月前
|
JavaScript
vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
朝阳39
57 0
咕噜咕噜wy
|
6月前
webpack版本问题 Cannot read property ‘createHash‘ of undefined
webpack版本问题 Cannot read property ‘createHash‘ of undefined
咕噜咕噜wy
80 1

热门文章

最新文章

  • 1
    Webpack构建library时的踩坑经历
  • 2
    【vue】webpack打包vue项目并且运行在Tomcat里面
  • 3
    Nginx - 同一域名配置多个 Vue 项目（支持Webpack、Uniapp）
  • 4
    webpack window 使用sass来编译css样式
  • 5
    vue之webpack打包原理和用法详解
  • 6
    2.2.3 使用webpack loader
  • 7
    wp2vite的妙用，让webpack项目支持vite
  • 8
    你真的理解 Webpack？请回答下列问题
  • 9
    webpack指南-webpack介绍-代码分割 - CSS
  • 10
    UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
  • 1
    js开发：请解释什么是Webpack，以及它在项目中的作用。
    59
  • 2
    webpack如何设置devServer启动项目为https协议
    1181
  • 3
    webpack成长指北第9章---webpack如何对icon字体进行打包
    120
  • 4
    webpack成长指北第8章---webpack的CSS Modules打包
    65
  • 5
    webpack成长指北第7章---webpack的css\less\scss样式打包
    93
  • 6
    webpack成长指北第6章---webpack的图片引入
    53
  • 7
    webpack成长指北第3章---常用webpack命令及使用webpack命令的方式
    60
  • 8
    webpack成长指北第2章---安装webpack的正确姿势
    54
  • 9
    深入理解前端性能优化中的Webpack Tree Shaking
    76
  • 10
    Webpack 进阶：深入理解其工作原理与优化策略
    166

    • 相关课程

    更多
  • 前端自动化构建工具 Webpack
  • Node.js 入门教程文档
  • Node.js 入门与实战

    • 相关电子书

    更多
  • 基于webpack和npm的前端组件化实践
  • 利用编译将 Vue 组件转成 React 组件
  • 基于VUE的单页面性能优化实践

    • 相关实验场景

    更多
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月