npm ERR! code ELIFECYCLE解决方案，npm犯错[email protected]构建脚本失败。

1.问题

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! [email protected] build: webpack --config config/webpack.config.js

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the [email protected] build script.

npm犯错!代码ELIFECYCLE

npm犯错!errno 1

npm犯错![email protected] build: webpack——config config/webpack.config.js

npm犯错!退出状态1

扫描二维码关注公众号，回复： 14578022 查看本文章

npm犯错!

npm犯错![email protected]构建脚本失败。

引起这个原因是因为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  //重新下载