webpack打包配置时报错Cannot find module ‘vue/compiler-sfc‘

最新推荐文章于 2023-05-25 15:19:54 发布
原创 最新推荐文章于 2023-05-25 15:19:54 发布 · 8.6k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #vue #webpack

本文介绍如何通过在Webpack配置中添加Vue@next和@vue/compiler-sfc依赖来解决编译时的模块查找问题，适合Vue开发者遇到类似错误时参考。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

webpack配置文件打包时报错Error: Cannot find module ‘vue/compiler-sfc’
在这里插入图片描述
运行如下命令可解决

npm add vue@next
npm add @vue/compiler-sfc -D
vue3+vite - 解决报错 [vue/compiler-sfc] Missing initializer in const declaration.（const声明中缺少初始化器，详细解决方案）
高级前端工程师
03-31 6150
vue3+ts，vite，报错，vue3报错，vite报错，ts报错，[vue/compiler-sfc] Missing initializer in const declaration.，vue3报错，vite报错，ts报错，SFC编译报错，运行报错，打包报错，vue3运行错误，typescript，const声明中缺少初始化器，JavaScript错误处理，Uncaught SyntaxError: Missing initializer in const declaration，如何解决这个问题，检
bug Error: Cannot find module ‘vue-loader-v16/package.json‘的解决办法
weixin_40945354的博客
03-03 2392
更新，命令如下，在 https://stackoverflow.com/questions/63504594/error-cannot-find-module-vue-loader-v16-package-json 查到 cnpm i --save-dev vue-loader-v16 ivyone@ivyonedeMacBook-Pro daily-cost % cnpm install ⠦ [12/17] Installing source-map@^0.6.1[vue-loader-v16@npm
vue3.2.X + Vite2.X + Pinia2.X的前端项目常见报错
listener_life的博客
05-25 9774
vue3.2.X + Vite2.X + Pinia2.X项目中，常见错误
[webpack-cli] Error: Cannot find module ‘vue/compiler-sfc‘
m0_67108146的博客
06-04 2019
webpack打包报错[webpack-cli] Error: Cannot find module ‘vue/compiler-sfc‘
Syntax Error: Error: Cannot find module ‘vue/compiler-sfc‘
weixin_46176940的博客
04-09 863
由于vue-loader版本过高为@17.0.0。cnpm run dev启动项目时报错。
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
1、问题场景： npm install 报错，以为是npm问题，改成cnpm install，也还是报错，根据错误信息提示，...peerDependencies WARNING eslint-plugin-vue@5.2.3 › vue-eslint-parser@^5.0.0 requires a peer of eslint@
INFO Starting development server... ERROR Error: Cannot find module 'vue-template-compiler' Require stack: - D:\Code\Java\Personalized-Book-Recommendation-System-main\Personalized-Book-Recommendation-System-main\node_modules\@vue\vue-loader-v15\lib\compiler.js - D:\Code\Java\Personalized-Book-Recommendation-System-main\Personalized-Book-Recommendation-System-main\node_modules\@vue\vue-loader-v15\lib\resolveScript.js - D:\Code\Java\Personalized-Book-Recommendation-System-main\Personalized-Book-Recommendation-System-main\node_modules\@vue\vue-loader-v15\lib\select.js - D:\Code\Java\Personalized-Book-Recommendation-System-main\Personalized-Book-Recommendation-System-main\node_modules\@vue\vue-loader-v15\lib\index.js - D:\Code\Java\Personalized-Book-Recommendation-System-main\Personalized-Book-Recommendation-System-main\node_modules\@vue\cli-service\lib\config\base.js - D:\Code\Java\Personalized-Book-Recommendation-System-main\Personalized-Book-Recommendation-System-main\node_modules\@vue\cli-service\lib\Service.js - D:\Code\Java\Personalized-Book-Recommendation-System-main\Personalized-Book-Recommendation-System-main\node_modules\@vue\cli-service\bin\vue-cli-service.js Error: Cannot find module 'vue-template-compiler'
03-27
首先，用户看到的错误信息是“Cannot find module 'vue-template-compiler'”，这通常意味着这个依赖包没有安装或者版本不匹配。让我仔细分析一下可能的原因和解决方法。 首先，我应该确认用户是否安装了vue-...
PS F:\运维服务中心\闽电通\code\mdt\mdt-app> npm run build > [email protected] build > vue-cli-service build All browser targets in the browserslist configuration have supported ES module. Therefore we don't build two separate bundles for differential loading. ERROR Error: Cannot find module 'vue-template-compiler' Require stack: - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\compiler.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\resolveScript.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\select.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\index.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\cli-service\lib\config\base.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\cli-service\lib\Service.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\cli-service\bin\vue-cli-service.js Error: Cannot find module 'vue-template-compiler' Require stack: - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\compiler.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\resolveScript.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\select.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\index.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\cli-service\lib\config\base.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\cli-service\lib\Service.js - F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\cli-service\bin\vue-cli-service.js at Function._resolveFilename (node:internal/modules/cjs/loader:1249:15) at Function.resolve (node:internal/modules/helpers:151:19) at loadFromContext (F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\compiler.js:30:26) at loadTemplateCompiler (F:\运维服务中心\闽电通\code\mdt\mdt-app\node_modules\@vue\vue-loader-v15\lib\compiler.js:37:12) at exports.resolveCompile
03-13
</think>### 解决Vue项目构建时报错“Cannot find module 'vue-template-compiler'” #### 1. **安装缺失的模块** - **本地安装**：在项目根目录运行以下命令： ```bash npm install vue-template-compiler ```...
Error: Cannot find module 'F:\01 各专项一张图\37 手绘地图研究\drawing-map\node_modules\@vue\vue-loader-v15\lib\index.js'. Please ver ify that the package.json has a valid "main" entry
最新发布
07-11
根据用户提供的信息，错误信息为：`Error: Cannot find module '@vue/vue-loader-v15/lib/index.js'`。这通常发生在Vue.js项目中，当项目依赖的模块未正确安装或路径引用错误时。 根据引用[1]中的信息，网上有一个...
Cannot find module vue/compiler-sfc
风烟
08-29 2678
我的vue版本是2.5，但是我的vue-loader版本升级到了vue-loader：17.3.0。经查，原来是vue2不能工作在vue-loader17以上，需要降到。
Error: Cannot find module ‘vue/compiler-sfc‘
m0_54177068的博客
02-27 6176
用的是webpack5,把vue-loader改为较低版本即可，太低也会报错， 在package.json中将vue-loader版本修改为14.0.0后，执行npm install,再编译就可以成功了。
pm run serve 出现ERROR Error: Cannot find module ‘vue/compiler-sfc‘
ibo123的博客
02-05 729
ERROR Error: Cannot find module 'vue/compiler-sfc'
使用 vue cli 的 vue serve命令单独运行.vue文件报错： Error: Cannot find module ‘@vue/compiler-sfc/package.json‘
热门推荐
qq_45327886的博客
08-27 1万+
Error: Cannot find module '@vue/compiler-sfc/package.json' 单独运行.vue文件
打包组件报错：Error: Cannot find module ‘vue/compiler-sfc‘
xuelong的博客
02-09 1万+
vue组件库搭建过程中使用webpack打包组件时报错，报错内容如下： Error: Cannot find module 'vue/compiler-sfc' Require stack: - D:\vue2\moon-ui\node_modules\vue-loader\dist\index.js - D:\vue2\moon-ui\webpack.config.js at Function.Module._resolveFilename (node:internal/modules/cjs/l
Cannot find module ‘@vuecompiler-sfcpackage.json‘升级vue3.0报错
egegerhn的博客
03-08 377
Cannot find module '@vue/compiler-sfc/package.json’升级vue3.0报错 只需要运行这个两个就可以了 yarn add vue@next yarn add @vue/compiler-sfc -D
Cannot find module ‘@vue/compiler-sfc/package.json‘升级vue3.0报错
xiebiaoyu的博客
04-16 7484
Cannot find module '@vue/compiler-sfc/package.json'升级vue3.0报错 只需要运行这个两个就可以了 yarn add vue@next yarn add @vue/compiler-sfc -D
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值