npm ERR! code ELIFECYCLE解决方案

发布时间:2022-07-29 发布网站:https://blog.csdn.net/qq_43203949
前端之家收集整理的这篇文章主要介绍了npm ERR! code ELIFECYCLE解决方案前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

npm ERR! code ELIFECYCLE解决方案

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.

引起这个原因是因为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’) //是以webpack.config.js文件路径为基准
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',    //打包文件名
        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 -rf node_modules
rm -rf package-lock.json
npm install

总结


以上是前端之家为你收集整理的npm ERR! code ELIFECYCLE解决方案全部内容,希望文章能够帮你解决npm ERR! code ELIFECYCLE解决方案所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。