VUE项目npm run serve报了好多个错： ERROR Failed to compile with 123 errors 解决方案

已于 2022-11-29 14:06:59 修改
阅读量1.7w 收藏 7
点赞数 5
分类专栏： 前端开发 文章标签： vue.js npm javascript
于 2020-11-19 16:25:29 首次发布
本文为享有盛誉之名博主原创文章，未经博主允许不得转载。除非给我打钱，在征求本人同意即可。
本文链接：https://blog.csdn.net/bbs11007/article/details/109816029
版权

高手提供了一个项目框架的VUE模板，同一个项目（同样的工程），我npm run serve时报错，可另个人不会，说明工程项目木有问题，应该是我的环境有问题。各种百度各种让修改项目文件，我觉得木有必要，要对症下药。

报错内容： ERROR  Failed to compile with 123 errors （看这么多报错，吓我一跳）

PS D:\VueWorkspace\xxxxx> npm run serve

> cc-ui@1.1.5 serve D:\VueWorkspace\xxxxx
> vue-cli-service serve

 INFO  Starting development server...
98% after emitting CopyPlugin

 ERROR  Failed to compile with 123 errors                                                              4:12:14 ├F10: PM┤

These dependencies were not found:

* core-js/modules/es.array.concat in ./src/router/index.js
* core-js/modules/es.array.every in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/table-calc/CcTableCalc.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/services/table/Index.vue?vue&type=script&lang=js&
* core-js/modules/es.array.filter in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/select-tree/CcSelectTree.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tab-menu/CcTabMenu.vue?vue&type=script&lang=js& and 1 other
* core-js/modules/es.array.for-each in ./packages/index.js, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/CcMenu.vue?vue&type=script&lang=js& and 6 others
* core-js/modules/es.array.from in ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js, ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
* core-js/modules/es.array.index-of in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/CcMenu.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/select-tree/CcSelectTree.vue?vue&type=script&lang=js& and 4 others
* core-js/modules/es.array.join in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/services/tree/Index.vue?vue&type=script&lang=js&
* core-js/modules/es.array.map in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/CcMenu.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/table-calc/CcTableCalc.vue?vue&type=script&lang=js& and 4 others
* core-js/modules/es.array.reduce in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/table-calc/CcTableCalc.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/services/table/Index.vue?vue&type=script&lang=js&
* core-js/modules/es.array.slice in ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
* core-js/modules/es.array.splice in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/CcCalendar.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/services/comboMenu/Index.vue?vue&type=script&lang=js& and 2 others
* core-js/modules/es.function.name in ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js, ./packages/index.js and 20 others
* core-js/modules/es.number.constructor in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/CcCalendar.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/dialog/CcDialog.vue?vue&type=script&lang=js& and 6 others
* core-js/modules/es.number.to-fixed in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/services/table/Index.vue?vue&type=script&lang=js&
* core-js/modules/es.object.keys in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tab-menu/CcTabMenu.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/CcTree.vue?vue&type=script&lang=js&
* core-js/modules/es.object.to-string in ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js, ./node_modules/@babel/runtime/helpers/esm/typeof.js and 11 others
* core-js/modules/es.object.values in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/CcTree.vue?vue&type=script&lang=js&, ./src/components/index.js
* core-js/modules/es.regexp.constructor in ./packages/polyfill.js, ./packages/utils.js
* core-js/modules/es.regexp.exec in ./packages/polyfill.js, ./packages/utils.js and 1 other
* core-js/modules/es.regexp.to-string in ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js, ./packages/polyfill.js and 3 others
* core-js/modules/es.string.ends-with in ./src/views/services/comboMenu/menus.js
* core-js/modules/es.string.iterator in ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js, ./node_modules/@babel/runtime/helpers/esm/typeof.js and 2 others
* core-js/modules/es.string.replace in ./packages/polyfill.js
* core-js/modules/es.string.search in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/services/comboMenu/SubPage.vue?vue&type=script&lang=js&
* core-js/modules/es.string.starts-with in ./packages/polyfill.js
* core-js/modules/es.symbol in ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js, ./node_modules/@babel/runtime/helpers/esm/typeof.js and 1 other
* core-js/modules/es.symbol.description in ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js, ./node_modules/@babel/runtime/helpers/esm/typeof.js and 1 other
* core-js/modules/es.symbol.iterator in ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js, ./node_modules/@babel/runtime/helpers/esm/typeof.js and 1 other
* core-js/modules/web.dom-collections.for-each in ./packages/index.js, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/CcMenu.vue?vue&type=script&lang=js& and 6 others
* core-js/modules/web.dom-collections.iterator in ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js, ./node_modules/@babel/runtime/helpers/esm/typeof.js and 2 others

To install them, you can run: npm install --save core-js/modules/es.array.concat core-js/modules/es.array.every core-js/modules/es.array.filter core-js/modules/es.array.for-each core-js/modules/es.array.from core-js/modules/es.array.index-of core-js/modules/es.array.join core-js/modules/es.array.map core-js/modules/es.array.reduce core-js/modules/es.array.slice core-js/modules/es.array.splice core-js/modules/es.function.name core-js/modules/es.number.constructor core-js/modules/es.number.to-fixed core-js/modules/es.object.keys core-js/modules/es.object.to-string core-js/modules/es.object.values core-js/modules/es.regexp.constructor core-js/modules/es.regexp.exec core-js/modules/es.regexp.to-string core-js/modules/es.string.ends-with core-js/modules/es.string.iterator core-js/modules/es.string.replace core-js/modules/es.string.search core-js/modules/es.string.starts-with core-js/modules/es.symbol core-js/modules/es.symbol.description core-js/modules/es.symbol.iterator core-js/modules/web.dom-collections.for-each core-js/modules/web.dom-collections.iterator

解决方案：

前面肯定时npm install下载了依赖，那怎么办。要仔细研究报错内容，发现最后一句：To install them, you can run: npm install --save core-js/modules/es.array.concat

是不是少了core-js？试试安装它，再看下一步缺少什么东西，继续装就行（不是缺心眼就行）

所有那就npm install core-js

再nmp run serve

运气真好，发现可以了，欧耶！！！

测试狂人
关注
  • 5
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
专栏目录
解决vue安装less报错Failed to compile with 1 errors的问题
01-18
1、创建vue项目后安装less，执行 npm install less less-loader –save-dev 下载版本为：[email protected] ， [email protected]，重启服务报错，报错信息如下： 2、报错原因 less 本版太高需要降低版本，执行代码 先移除之前版本： npm uninstall less-loader 下载指定版本： npm install [email protected] -D 3、重启代码就可以了，若还是报错可移除文件node_modules，重新下载cnpm install 补充知识：vue项目运行报错：94% asset opt
keyboard按键中断驱动
10-29
########## # README # ########## Purpose ------- To help understand which is the most commonly 'pressed' and 'released' key in the keyboard. Holding a key down will generate 'pressed' events more so, count of pressing need not be equal to release count. (This code works only for ps/2 keyboards, not usb which generates interrupt in different IRQ line.) How To Use ---------- Please don't proceed if you see any error in the below steps. 0. 0rth Law (as in thermodynamics) cat LICENSE 1. compile a. create the header files $ make header ( sometimes the above may not work, as it won't be able to get file descriptor. please run as sudo $ sudo make header ) b. compile the source $ make 2. Insert the module into kernel and setup the system $ keyboard_stats_load 3. Read the statistics $ cat /dev/keyboard_stats 4. Remove the module and system $ keyboard_stats_unload 5. Cleaning the dir $ make clean DEBUGGING --------- Mail the author or read /var/log/messages and try your luck by setting the scancodes etc. Misc ---- I wrote this code because few of my keys are more shiny than others and i had to find out why!! :-) Bugs ---- In my MAC VM, some keys were not working, like arrow keys! Author ------ Vigith Maurice (www.vigith.com)
Vue To install them, you can run: npm install --save core-js/modules/es.array.push.js core-js/mo...
最新发布
xfp5158的博客
03-01 618
再次启动，还是报错（Failed to resolve loader: vue-style-loader），继续解决这个错误。解决： Syntax Error: TypeError: this.getOptions is not a function。报错 Failed to resolve loader: vue-loader。查看 当前 node 版本和 node-sass 版本是否符合依赖关系。记一次老项目本地启动运行，报错以及解决错误的完整过程。卸载 sass-loader。
nmp.rar_The Various_nmp
09-24
these are the programs covering various topics of numerical methods
Project files to compile FFTW 3.3 with Visual Studio 2015
02-23
用于编译FFTW库文件,编译后生成.dll, .lib文件。
How to compile Amalgamation for android
07-21
How to compile Amalgamation for android
INFO Starting development server...98% after emitting CopyPlugin ERROR Failed to compile with
qq_26132519的博客
12-24 4832
INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 1 error
ERROR Failed to compile with 3 errors找不到依赖项
CDialog的博客
12-11 3439
反正各种折腾，最终卸载了全部的包括全局的vue包，删除了所有的node_moudules文件夹，最后自己莫名其妙就好了，总之，肯定是缓存的问题不是代码的问题。全部删除缓存，重新install了一下 core-js就好了。百度下来结果和报错的提示信息一直，所以尝试一下。在package.json中可以看到依赖包。是不会写入package.json中的。package.json中看不到依赖包。会写入package.json中。小伙伴们碰到这个问题多尝试。--save 安装的话。不用 --save的话。
npm run serve 启动前端vue工程报错：Error: No ESLint configuration found
mask哥
06-08 1546
ERROR Failed to compile with 1 errors 下午12:10:41 Module build failed (from ./node_modules/eslint-loader/index.js): Error: No ESLint configuration found in /Users/tt/Downloads/fvking/src. at CascadingConfigArrayFactory._fin...
Failed to compile with 3 errors
leizilong的博客
03-23 775
路径问题，我的是这三个index.js中的。
使用cnpm install时出现ERROR Failed to compile with ** errors
weixin_52498761的博客
04-13 1502
之前错误的时候搜过因为cnpm和npm的版本或其他的原因，有时候cnpm下载的没有很全，往下找就会看到一个提示词。清除缓存npm cache clear --force之后再重新安装依赖npm install。具体信息是因为我的Chrome没有添加到注册表当中。第一点往下找一般会有提示你具体错误是哪里。根据提示跑一遍大概率没有其他的问题了。一直重试之后还是报错的试一下。实在不行就卸载重装嘿嘿嘿~
lombok-module-jdk10
05-19
Lombok模块jdk10 要重现： ./gradlew -Dorg.gradle.java.home=<path> build 我收到的错误是： > Task :compileJava FAILED /Users/bflint/IdeaProjects/lombok-module-jdk10/src/main/java/module-info.java:2: error: module not found: lombok requires lombok; ^ 1 error FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':compileJava'. > Compilation failed;
解决vue项目运行npm run serve报错的问题
01-18
先来一张报错的截图 先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 ；%SystemRoot%\system32;...补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
解决vue项目,npm run build后,报路径错的问题
10-14
主要介绍了解决vue项目,npm run build后,报路径错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue打包npm run build时候界面报错的解决
11-20
用coding-pages打开后显示Failed to load resource: the server responded with a status of 404 (Not Found)， 解决方案： 方案一： 找到config里的index.js,打开修改assetsPublicPath 为“./” 方案二： 或者把...
npm install 错误问题 gyp ERR! configure error gyp ERR! stack Error: Command failed: C:\Users\Zhan
01-07
刚开始使用vscode打开一个已写好的vue。 1.根据网上教程，下载并配置好nodejs 2.利用vscode打开已有vue文件 3.使用命令行，输入 npm install 4.然后就报出如下错误 localhost:react-first changwei$ npm install --...
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动
06-14
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动,如果依赖安不上npm i --legacy-peer-deps npm i eslint-plugin-vue，再npm run serve
npm-stats：:chart_increasing:使用vue构建npm软件包统计信息仪表板
02-03
‍:school: 讲解如果您愿意，可以通过以下教程学习如何构建类似的服务：构建设置# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with ...
ConnectionStrings VUE的helloworld项目1 运行命令 npm run serve
05-07
ConnectionStrings VUE的helloworld项目1 运行命令 npm run serve
vue项目运行npm run serve后报错Error: error:0308010C:digital envelope routines::unsupported
08-24
运行`npm run serve`命令时报错`Error: error:0308010C:digital envelope routines::unsupported`。这个错误通常是由于Node.js版本与OpenSSL版本不兼容导致的。您可以尝试以下解决方法： 1. 在运行`npm run serve`之前，设置`NODE_OPTIONS`环境变量为`--openssl-legacy-provider`。可以使用以下命令： ``` set NODE_OPTIONS=--openssl-legacy-provider ``` 然后再运行`npm run serve`命令。 2. 如果上述方法不起作用，您可以尝试更新Node.js和OpenSSL版本，并确保它们兼容。请根据您的操作系统和开发环境选择合适的版本进行更新。 3. 另外一种不推荐的解决方法是，在项目文件中打开终端，并直接输入`npm run serve`命令。这种方法可以临时解决问题，但不是长期的解决方案。 希望以上解决方法对您有帮助。如果问题仍然存在，请提供更多的错误信息或上下文，以便我们能够给出更具体的解决方案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [npm run serve 报错：Error: error:0308010C:digital envelope routines::unsupported](https://blog.csdn.net/qq_52181856/article/details/127691888)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [npm run serve 报错 error:0308010C:digital envelope routines::unsupported](https://blog.csdn.net/qq_52421092/article/details/130541175)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

测试狂人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值