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

原创

彭世瑜 2022-06-17 22:54:10 ©著作权

文章标签 webpack vue.js 前端 github 文章分类 Webpack 前端开发

©著作权归作者所有：来自51CTO博客作者彭世瑜的原创作品，请联系作者获取转载授权，否则将追究法律责任

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

参考
https://github.com/vuejs/vue-loader/issues/1781#issuecomment-806661227

上一篇：MySQL数据库（13）：列属性（字段属性）

下一篇：MySQL数据库（31）：存储过程 procedure

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

[KB]VMware Workstation安装Windows OS出现：”Windows Cannot Find the Microsoft Software License Terms”

现象：在VMware Workstation中安装Windows操作系统时出现：”Windows找不到Microsoft软件许可条款。请确保安装源有效,然后重新启动安装”错误提示。英文的版本显示：“Windows Cannot Find the Microsoft Software License Terms”。截图是这样的：解决办法：1.出现上述界面后，将虚拟机关机；2.编辑虚拟机设置；3.找到

Windows 错误提示安装 License 夏明亮
使用 Vue CLI 脚手架生成 Vue 项目

最近我参与了一个前端Vue2的项目。尽管之前也有过参与Vue2项目的经验，但对一些前端Web技术并不十分熟悉。这次在项目中遇到了很多问题，所以我决定借此机会深入学习Vue相关的技术栈。然而，直接开始深入钻研这些技术可能会显得枯燥，容易半途而废。碰巧最近我想做一个图床项目，于是决定在学习的过程中结合实际操作和总结，提升自己的前端水平。本次学习的主要目标是提高我的CSS、ES6标准以及Vue相关技术栈

Vue
jenkins构建失败：[ERROR] Failed to execute goal org.apache.maven.plugins:maven-compiler-plugins:3.8.1:

报错信息解决办法根据错误提示判断是maven打包依赖的jdk环境问题，加载对应的jdk版本，如jdk8即可

jenkins
Cannot find module vue/compiler-sfc

我的vue版本是2.5，但是我的vue-loader版本升级到了vue-loader：17.3.0。经查，原来是vue2不能工作在vue-loader17以上，需要降到。

vue.js 前端 javascript 版本升级重新安装
Error: Cannot find module 'webpack-cli'

执行webpack报错:缺省webpack-cli,执行命令:cnpm install webpack-cli -g再次执行webpack:

q
Error: vue-loader requires @vue/compiler-sfc to be

vue常见报错ERRORError:vue-loaderrequires@vue/compiler-sfctobepresentinthedependencytree.解决办法清空package-lock.json中旧的vue-loadernpmi-Dvue-loader@14安装14版本

vue
Vue报错Cannot find module ‘webpack-cli/bin/config-yargs‘

npm i webpack-dev-server -D把这个工具安装到项目本地开发依赖注意：webpack-dev-server 这个工具依赖 webpack，必须在本地(项

bundle 根目录不兼容
Cannot find module 'webpack-cli/bin/config-yargs

webpack5 ：启动 webpack-dev-server 报错： “Cannot find module 'webpack-cli/bin/config-yargs”分析原因webpack，webpack-cli 以及 webpack-dev-server版本不兼容解决方案：回退版本，等待官方解决兼容性问题再升级webpack亲测回退版本有效"webpack": "^4.43

不兼容解决方案兼容性问题 IT
npm报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

报错信息：Error: Cannot find module ‘webpack-cli/bin/config-yargs’是没有安装webpack-cli的原

json 报错信息
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的解决方法

pm run dev> register-admin@3.8.0 dev D:\javademo\register-admin> webpack-dev-server --inline --progress --config build/webpack.dev.conf.jsinternal/modules/cjs/loader.js:797 throw err;

javad html/xml analyzer
关于webpack配置webpack-dev-server 报错问题。Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

配置情况自动编译并运行，每次修改代码都需要重新执行 webpack 命令，可以使用 webpack-d

端口号解决方案命令行
Error: Cannot find module '@vue/cli-plugin-babel'

缺少开发依赖包解决办法： 1.安装开发依赖: npm install babel-plugin-import -D 1.把原本已生成的node-models删除 2.重新使用npm install命令下载依赖

vue 依赖包其他
Cannot find module ‘webpack‘

安装webpack和webpack-cli到项目中。

webpack 前端 javascript 解决方法
Vue：安装Vue Devtools调试工具简便方法解决Cannot find module webpack-cli,@vue-devtools/build-tools等

Vue安装Vue Devtools调试工具简便方法

扩展程序 chrome浏览器 github C
vue报错Error: Cannot find module 'ms'

Error: Cannot find module 'ms' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (i

开发
webpack编译遇到的问题：Error: Cannot find module 'webpack-cli/bin/config-yargs'

运行npm run dev遇到的问题：Error: Cannot find module 'webpack-cli/bin/config-yargs' // 当前package.json 文件 "devDependencies": { "webpack": "^5.2.0", "webpack-

json github 百度搜索解决方案
webpack-dev-server --open Error: Cannot find module 'webpack-cli/bin/config-yargs'

原因：webpack-cli的最新版本与webpack-dev-server版本不兼容方法：卸载安装3.x版本的webpack-cli npm uninstall webpack-cli npm install webpack-cli@3 -D ...

不兼容新版本其他
Error: XXX requires @vue/compiler-sfc to be present in the dependency tree

此种错误信息基本都是缺少后面的包导致，网上找了一大堆解决方案，都不好使，最后如何解决的呢？ npm install @vue/compiler-sfc ...

解决方案错误信息编程
Error:Cannot find module 'webpack/lib/RuleSet'

1.问题 2.出现原因当我使用最新版本的nodeJS 16.5.0 来安装uniapp成功运行后断开热更新，下载npm install sass-loader node-sass时，再进行 npm run dev:mp-weixin 就出现了上面的的问题开始百度查了好多，都说是因为 webpa ...

百度解决方案版本管理工具热更新新版本
webpack 报错 [webpack-cli] Unable to load '@webpack-cli/serve' command

为开发调试方便安装 webpack-dev-server. webpack-dev-server 可以让 webpack 项目源代码的变化，从而进行自动打包构建。安装 webpack-dev-server npm install webpack-dev-server@3.11.2 -D 安装完 ...

无法加载解决方案开发调试自动打包加载
android 自动获取本机手机号

| 21 | 5.0.1 | | 20 | 4.4w.2 | | 19 | 4.4.2 | | 18 | 4.3.1 | | 17 | 4.2.2 | | 16 | 4.1.2 | | 15 | 4.0.3 | | 14 | 4.0 | | 10 | 2.3 | | 8 | 2.2 |获取当前手机Android版本代码：Build.VERSION.SDK_INT=API Level; privat

android 自动获取本机手机号 android 智能手机 Android IT
python将图片做成链接放到excel表格里点击链接

在数据处理与信息分享过程中，Excel表格作为一种强大的数据管理工具被广泛应用，它能够清晰、有序地呈现大量数据和复杂计算结果。然而，有时我们会遇到需要将Excel表格内容以图像形式展示或分享的情况，如制作报告演示文稿、进行在线交流或社交媒体分享等。使用Python，我们可以通过代码轻松将Excel表格转换为图片，提升了工作效率，满足多元化的信息展示需求。本文将介绍如何使用Python将Excel表

python excel 开发语言 Python 边距
redis 无需编译

1、下载安装包官网地址：# 英文地址 Http://redis.io/ # 中文地址 Http://www.redis.cn/百度网盘：链接：https://pan.baidu.com/s/1YSzRtU-aRKH-IrBvbSJ5uQ 提取码：11112、配置 Redis的编译环境Redis是C语言开发的，安装redis需要先去官网下载源码进行编译，编译需要依赖于GCC编译环境，如果Cen

redis 无需编译 redis Redis 端口号
docker部署的pgsql 使用sh 直接一键建库执行sql脚本

一、拉取MySQL镜像通过终端获取最新的MySQL镜像 docker pull mysql/mysql-server 二、创建MySQL数据库容器配置文件对应目录我们在当前用户下创建一组目录，用来存放MySQL容器配置文件，(Linux下可以省略此步骤)参考下图：注意：MySQL8版本以后，需要在映射文件中加入 mysql-files，否则MySQL数据库容器会创建失败。因为在Ma

数据库 mysql linux docker centos
LLM自回归求梯度

PRML学习笔记—线性回归模型说句题外话，做笔记是个好习惯(快则慢，慢则无，尤其在今下这个快餐式的社会，真的越浮躁越不能沉淀下来)。这本书在手里已经两年多了，这一次才是真真地好好读了，好好推了公式，好好去贯穿理解了,做这个笔记的初衷一是为了让自己养成一个好习惯，二是方便自己以后查阅，三希望共同学习PRML的同学能够相互交流共同进步：线性回归模型回归问题是机器学习中监督学习下的一个问题。最简单的线性

LLM自回归求梯度 PRML 线性回归基函数最大似然

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯