当前位置: 首页 > news >正文

npm ERR! code ELIFECYCLE解决方案,npm犯错!myweb@1.0.0构建脚本失败。

1.问题

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! myweb@1.0.0 build: webpack --config config/webpack.config.js

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the myweb@1.0.0 build script.

npm犯错!代码ELIFECYCLE

npm犯错!errno 1

npm犯错!myweb@1.0.0 build: webpack——config config/webpack.config.js

npm犯错!退出状态1

npm犯错!

npm犯错!myweb@1.0.0构建脚本失败。

引起这个原因是因为webpack.config.js配置出错的问题,其实就是路径配置错误了,在webpack.config.js中有些路径配置是按package.json的文件位置来配置的,一些是按当前文件位置来配置的,配置时候人们往往会搞混。

2.解决方案

2.1 解决方案一:

填写正确的路径,出现这个问题往往是路径配置错误引起的。参考下面模板,我将解读路径配置:

entry:‘./src/js/index.js’ //这个路径是基于package.json文件为基准的文件路径(而非webpack.config.js文件)

plugins中的template: ‘src/index.html’ //这个也是基于package.json文件为基准的文件路径

而path:path.resolve(__dirname,‘…/dist’) //__dirname是当前文件所在的目录,以webpack.config.js文件项目根路径为基准,创建一个dist文件夹

const path=require('path'); //调用node.js中的路径
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports={entry:'./src/js/index.js', //需要打包的文件(这个路径按package.json位置来写)output:{filename:'bundle.js',    //打包文件名//__dirname代表:main.js的位置,指定生成的文件目录(按当前文件位置写)path:path.resolve(__dirname,'../dist') },module: {rules: [{test: /\.css$/,use: [ 'style-loader', 'css-loader' ]}]},plugins: [new HtmlWebpackPlugin({template: 'src/index.html'     //配置html模板(按package.json位置来写)})]
}
2.2解决方案二:

直接重装,不过个人不推荐,的确有些文件重装是可以解决问题,但有时候重装很慢,这就很烦。重装步骤如下:

(别删除package.json,删除package-lock.json

npm cache clean --force //强制清除缓存
rm  node_modules //删除node依赖项
rm  package-lock.json //删除package-lock.json文件夹
npm install  //重新下载

http://www.lryc.cn/news/2535.html

相关文章:

  • 最小二乘支持向量机”在学习偏微分方程 (PDE) 解方面的应用(Matlab代码实现)
  • ISYSTEM调试实践8-winIDEA Analyzer功能1
  • 每日学术速递2.11
  • 宝塔搭建实战php开源likeadmin通用管理admin端vue3源码(二)
  • 网络基础-虚拟化工具-网桥
  • 剑指 Offer 14- II. 剪绳子 II
  • English Learning - Day55 作业打卡 2023.2.9 周四
  • pixhawk2.4.8-地面站配置-APM固件
  • golang 通道类型
  • 并发、并行、吞吐量、延迟、响应时间 含义理解
  • HTTP 和 HTTPS 的区别
  • 微搭低代码从入门到精通07-基础布局组件
  • Docker镜像的创建
  • 电子技术——MOS差分输入对
  • 树莓派 - 小记
  • 【论文解读|KDD2020】AKT. Context-Aware Attentive Knowledge Tracing
  • Geek Uninstaller:向流氓软件火力全开,超良心的软件彻底卸载工具
  • Java线程池
  • 2023-02-10 - 5 文本搜索
  • 华为OD机试 - 最近的医院(Python),简单直白
  • Leetcode.1223 掷骰子模拟
  • 数据分析到底该怎么学呢?讲真,真不难!
  • 活动星投票紫砂新青年制作一个投票活动
  • Git | 在IDEA中使用Git
  • < Linux >:Linux 进程概念 (4)
  • 七、Java框架之MyBatisPlus
  • C语言柔性数组
  • 支付功能测试用例
  • 牛客网Python篇数据分析习题(一)
  • 【C语言】“指针类型”与“野指针”