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

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

2022-09-14 1178
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： [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 error find
码农技术君
目录
相关文章
咕噜咕噜wy
|
16天前
webpack版本问题 Cannot read property ‘createHash‘ of undefined
webpack版本问题 Cannot read property ‘createHash‘ of undefined
咕噜咕噜wy
25 1
王同学睡醒了
|
6月前
【Webpack】TypeError: Cannot read property ‘tap‘ of undefined at HtmlWebpackPlugin.
【Webpack】TypeError: Cannot read property ‘tap‘ of undefined at HtmlWebpackPlugin.
王同学睡醒了
39 0
王同学睡醒了
|
6月前
Webpack打包出错：Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘ Require stack:
Webpack打包出错：Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘ Require stack:
王同学睡醒了
47 0
No8g攻城狮
|
8月前
|
前端开发 JavaScript 编译器
【前端异常】vscode：无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称，Cannot find module ”webpack“
【前端异常】vscode：无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称，Cannot find module ”webpack“
No8g攻城狮
397 0
猫头虎
|
8月前
|
JavaScript Cloud Native Go
Error: Cannot find module ‘webpack/bin/config-yargs‘ at Function.Module._resolveFilename (intern
Error: Cannot find module ‘webpack/bin/config-yargs‘ at Function.Module._resolveFilename (intern
猫头虎
39 0
dreaming317
|
9月前
Error: Cannot find module ‘webpack‘ 问题解决办法
Error: Cannot find module ‘webpack‘ 问题解决办法
dreaming317
99 1
卡尔特斯
|
10月前
|
JavaScript
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
卡尔特斯
374 0
和你一起去月球
|
12月前
|
资源调度 开发工具 git
Cannot find module 'webpack'
Cannot find module 'webpack'
和你一起去月球
69 0
凯小默
使用antd-theme-webpack-plugin报错Error LessError: Cannot find module ‘antd/lib/style/themes/default.less
使用antd-theme-webpack-plugin报错Error LessError: Cannot find module ‘antd/lib/style/themes/default.less
凯小默
938 0
使用antd-theme-webpack-plugin报错Error LessError: Cannot find module ‘antd/lib/style/themes/default.less
游客ruqdfvh2iuyqc
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
游客ruqdfvh2iuyqc
111 0
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

热门文章

最新文章

  • 1
    Webpack构建library时的踩坑经历
  • 2
    【vue】webpack打包vue项目并且运行在Tomcat里面
  • 3
    Vue2+VueRouter2+webpack 构建项目
  • 4
    Webpack 2 视频教程 009 - 配置 ESLint 实现代码规范自动测试 (上)
  • 5
    React 框架和Webpack
  • 6
    Webpack入门教程二十五
  • 7
    使用webpack loader加载器
  • 8
    Webpack 2 视频教程 003 - Webpack 项目初始化
  • 9
    webpack html-webpack-plugin
  • 10
    Webpack 2 视频教程 001 - Webpack 简介
  • 1
    webpack如何设置devServer启动项目为https协议
    242
  • 2
    webpack成长指北第9章---webpack如何对icon字体进行打包
    44
  • 3
    webpack成长指北第8章---webpack的CSS Modules打包
    23
  • 4
    webpack成长指北第7章---webpack的css\less\scss样式打包
    45
  • 5
    webpack成长指北第6章---webpack的图片引入
    26
  • 6
    webpack成长指北第3章---常用webpack命令及使用webpack命令的方式
    33
  • 7
    webpack成长指北第2章---安装webpack的正确姿势
    20
  • 8
    深入理解前端性能优化中的Webpack Tree Shaking
    25
  • 9
    Webpack 进阶：深入理解其工作原理与优化策略
    59
  • 10
    前端性能瓶颈崩溃项目？Webpack助力解决！
    47

    • 相关课程

    更多
  • 前端自动化构建工具 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编程环境
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考