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的解决方案

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

    2024年02月08日
    浏览(88)
  • 深入解析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日
    浏览(107)
  • 解决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日
    浏览(59)
  • 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日
    浏览(62)
  • 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日
    浏览(81)
  • 解决安装依赖时报错:npm ERR! code ERESOLVE

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

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

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

    2024年02月14日
    浏览(58)
  • 解决报错: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日
    浏览(69)
  • 解决npm ERR code ENOENT问题的几种方法

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

    2024年02月16日
    浏览(53)
  • 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日
    浏览(67)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包