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

这篇具有很好参考价值的文章主要介绍了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文章来源地址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模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • npm install安装vue-element-admin报错npm ERR! -4058 enoent An unknown git error occurred的解决方案

    npm install安装vue-element-admin报错npm ERR! -4058 enoent An unknown git error occurred的解决方案

    说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 很多朋友特别是对 node.js 完全不熟悉了解的,大多都是从仓库直接拉取下载项目到本地,第一时间就是想在本地启动运行项目,完全不懂直接开干,当遇到错误时就蒙了 比如当我们从远程仓库拉取

    2024年02月08日
    浏览(58)
  • 深入解析npm ERR! cwebp-bin@6.1.2 postinstall: `node lib/install.js`错误及解决方案

    在开发过程中,我们经常会遇到各种各样的错误。其中,npm ERR! cwebp-bin@6.1.2 postinstall: node lib/install.js 是一个比较常见的错误。本文将详细介绍这个错误的产生原因以及解决方案。 首先,我们需要了解这个错误的含义。npm ERR! cwebp-bin@6.1.2 postinstall: node lib/install.js 表示在安装

    2024年02月02日
    浏览(89)
  • 解决npm ERR! code ERESOLVE -npm ERR! ERESOLVE could not resolve

    当使用一份vue源码开发项目时,npm install 报错了 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: vue-admin-template@4.4.0 npm ERR! Found: webpack@4.46.0 npm ERR! node_modules/webpack npm ERR! webpack@\\\"^4.0.0\\\" from @vue/cli-plugin-babel@4.4.4 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev

    2024年02月14日
    浏览(47)
  • npm ERR! code ENOENT npm ERR! syscall open 错误解决 前端vue启动报错

    npm ERR! code ENOENT npm ERR! syscall open 错误解决 前端vue启动报错

    npm ERR! code ENOENT npm ERR! syscall open 错误解决 启动myvue时,发生以下错误 错误详情: 主要原因: 原因就是找不到package.json文件,启动项目路径不正确 解决办法: 找到相应路径:E:项目源码ideavuenpm run dev(示例) 多数人此时都在myvue的上一级目录运行npm run dev,此时自然没有p

    2024年02月12日
    浏览(13)
  • vue-element-admin - 克隆项目后 npm install 装包时报错:code 128 An unknown git error occurred(完美解决方案,100% 解决!)

    网上大部分方案都不行,请仔细对比如下报错信息,如果我们一样的话,本文的方案 100% 解决! 克隆 vue-element-admin 项目时,npm install 装包时,出现了如下报错。 npm ERR! code 128 npm ERR! An unknown git error occurred npm ERR! command git --no-replace-objects ls-remote ssh://git@github.com/nhn/raphael.git n

    2024年02月10日
    浏览(49)
  • 解决安装依赖时报错:npm ERR! code ERESOLVE

    解决安装依赖时报错:npm ERR! code ERESOLVE

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站,这篇文章男女通用,看懂了就去分享给你的码吧。 在使用 npm 安装项目依赖时,有时会遇到错误信息 “npm ERR! code ERESOLVE”,该错误通常发生在依赖版本冲突或者依

    2024年02月15日
    浏览(12)
  • npm install错误——npm ERR! code ERESOLVE 解决方法(亲测有效)

    npm install错误——npm ERR! code ERESOLVE 解决方法(亲测有效)

    最近node用nvm来管理,nvm安装在这里   nvm的环境变量   path中配置       正在使用的node版本的软连接在这里  vue项目执行npm install的时候报如下错误 添加--legacy-peer-deps即可正常                

    2024年02月14日
    浏览(10)
  • 解决报错:m ERR! code ERR_SOCKET_TIMEOUT npm ERR! network Socket timeout npm ERR! network

    解决报错:m ERR! code ERR_SOCKET_TIMEOUT npm ERR! network Socket timeout npm ERR! network

    解决方案: ①进行代理设置为false,如下命令 ②npm缓存清理,如下命令 ③再次执行npm install命令发现又报如下错误:  然后;删除node_moudules,再清理一下缓存 npm cache clear --force 最后: npm install,解决。  

    2024年02月07日
    浏览(12)
  • 解决npm ERR code ENOENT问题的几种方法

    解决npm ERR code ENOENT问题的几种方法

    一定要是最里面的目录才能生效,否则它可能会提示: 这时候关掉项目,找到正确路径再打开就可以 可以试试删除本地node_modules文件夹,之后再次npm install 这是官网连接Node.js (nodejs.org) 这是中文网下载连接下载 | Node.js 中文网 (nodejs.cn)

    2024年02月16日
    浏览(16)
  • npm ERR! exited with error code: 128终极解决办法

    npm ERR! exited with error code: 128终极解决办法

    报错信息:npm ERR! E:toolsGittGitcmdgit.EXE ls-remote -h -t https://github.com/nhn/raphael.git npm ERR! npm ERR! fatal: unable to access \\\'https://github.com/nhn/raphael.git/\\\': OpenSSL SSL_read: Connection was reset, errno 10054 npm ERR! npm ERR! exited with error code: 128 升级npm,配置https都不行  git config --global url.\\\"https://\\\".instea

    2024年02月07日
    浏览(14)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包