node 项目启动报 ERROR Failed to compile with 1 errors 错误

本文主要是介绍node 项目启动报 ERROR Failed to compile with 1 errors 错误，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题

node项目通过npm run dev启动时出现ERROR Failed to compile with 1 errors 错误，具体信息如下：

✖ WebpackCompiled with some errors in 366.81msERROR  Failed to compile with 1 errors                                                                                                                                            11:42:13error  in ./web/src/pages/.umi-production/umi.jsModule build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel-plugin-canyon' from '/Users/xxx/Desktop/work/project/xxx'at Function.resolveSync [as sync] (/Users/xxx/Desktop/work/project/xxx/node_modules/resolve/lib/sync.js:111:15)at resolveStandardizedName (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/files/plugins.js:101:31)at resolvePlugin (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/files/plugins.js:54:10)at loadPlugin (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/files/plugins.js:62:20)at createDescriptor (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/config-descriptors.js:154:9)at /Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/config-descriptors.js:109:50at Array.map (<anonymous>)at createDescriptors (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/config-descriptors.js:109:29)at createPluginDescriptors (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/config-descriptors.js:105:10)at /Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/config-descriptors.js:63:49at cachedFunction (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/caching.js:33:19)at plugins (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/config-descriptors.js:28:77)at mergeChainOpts (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/config-chain.js:319:26)at /Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/config-chain.js:283:7at buildRootChain (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/config-chain.js:68:29)at loadPrivatePartialConfig (/Users/xxx/Desktop/work/project/xxx/node_modules/@babel/core/lib/config/partial.js:85:55)@ multi ./node_modules/umi-build-dev/template/setPublicPath.js ./web/src/pages/.umi-production/umi.js

解决方案

【1】删除项目中原有的node_modules模块和package-lock.json文件；
在这里插入图片描述
【2】执行 npm i 命令安装项目依赖，它会根据项目根目录下的package.json文件中的依赖配置，将所需的包下载并安装到node_modules目录中。

xxx@xxx xxx % npm i

【3】执行npm run build命令来构建项目的。通常在开发过程中，我们会使用一些构建工具（如Webpack、Gulp等）来对项目进行打包、压缩、转译等操作，以生成最终的可部署的代码。通过在package.json文件的scripts字段中配置build命令，我们可以使用npm run build来执行构建操作。具体的构建逻辑会根据项目的需求和配置而定，例如将源代码转换为浏览器可执行的JavaScript、CSS和HTML文件，或者将代码打包成可发布的文件等。