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解决方案二:
直接重装,不过个人不推荐,的确有些文件重装是可以解决问题,但有时候重装很慢,这就很烦。重装步骤如下:文章来源:https://www.toymoban.com/news/detail-765694.html
(别删除package.json,删除package-lock.json)文章来源地址https://www.toymoban.com/news/detail-765694.html
npm cache clean --force //强制清除缓存
rm node_modules //删除node依赖项
rm package-lock.json //删除package-lock.json文件夹
npm install //重新下载
到了这里,关于npm ERR! code ELIFECYCLE解决方案,npm犯错!myweb@1.0.0构建脚本失败。的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!