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

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

2022-09-14 1587
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： [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冯坚持
|
2月前
|
JavaScript
webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。
这篇文章是关于如何在webpack环境中配置Vue.js，包括安装Vue.js、解决报错、理解el与template的区别、使用SPA模式、抽离模板为对象、封装为单独的js文件、安装vue-loader时遇到的问题及解决方案，以及整个过程的总结。
java冯坚持
83 2
webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。
六卿
|
3月前
|
JavaScript 测试技术 Windows
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境，包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件，并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。
六卿
155 2
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
你都不懂
|
4月前
|
前端开发 JavaScript API
从0-1建一个webpack/vue项目，熟悉一下webpack知识点
【8月更文挑战第20天】
你都不懂
95 2
1313310884104708
|
4月前
|
JavaScript 测试技术
在不同 webpack 版本的 Vue 项目中配置 Storybook
在不同 webpack 版本的 Vue 项目中配置 Storybook
1313310884104708
19 0
。思索
|
4月前
|
JavaScript
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
。思索
87 0
码农飞哥
|
5月前
|
JavaScript
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
码农飞哥
341 1
爱你三千遍斯塔克
|
5月前
AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
爱你三千遍斯塔克
608 0
百锦再@新空间代码工作室
|
5月前
|
JavaScript 前端开发 应用服务中间件
Vue学习：webpack-dev-server和nginx问答
Vue学习：webpack-dev-server和nginx问答
百锦再@新空间代码工作室
59 0
朝阳39
|
5月前
|
JavaScript
vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
朝阳39
81 0
咕噜咕噜wy
|
7月前
webpack版本问题 Cannot read property ‘createHash‘ of undefined
webpack版本问题 Cannot read property ‘createHash‘ of undefined
咕噜咕噜wy
93 1

热门文章

最新文章

  • 1
    webpack window 使用sass来编译css样式
  • 2
    vue之webpack打包原理和用法详解
  • 3
    UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
  • 4
    wp2vite的妙用，让webpack项目支持vite
  • 5
    2.2.3 使用webpack loader
  • 6
    你真的理解 Webpack？请回答下列问题
  • 7
    webpack指南-webpack介绍-代码分割 - CSS
  • 8
    掘金课程《Webpack5 核心原理与应用实践》学习笔记
  • 9
    webpack ---- 打包发布
  • 10
    webpack深入浅出（二）| 小册免费学
  • 1
    Webpack打包优化实践
    73
  • 2
    前端工程化：Webpack配置全攻略
    58
  • 3
    前端工程化：Webpack配置全攻略
    78
  • 4
    webpack【实用教程】
    43
  • 5
    webpack 和 babel 实用教程【前端必备】
    52
  • 6
    AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
    608
  • 7
    Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
    341
  • 8
    文本,Pinia的使用，(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件
    62
  • 9
    Vue学习：webpack-dev-server和nginx问答
    59
  • 10
    vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
    81

    • 相关课程

    更多
  • 前端自动化构建工具 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编程环境
    • 下一篇
    阿里云对象存储OSS收费标准：存储、流量和请求等多个计费项详解