如何解决npm错误“ npm ERR!代码ELIFECYCLE”

juexu

我正在尝试按照https://www.youtube.com/watch?v=TzdEpgONurw学习webpack,该视频使用了webpack 4,但我使用了webpack 5,同时下载了webpack-dev-server和npm start,它没有用,我认为这不是版本问题,因为我不完全关注视频,这是我的调试日志:

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'start'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle [email protected]~prestart: [email protected]
6 info lifecycle [email protected]~start: [email protected]
7 verbose lifecycle [email protected]~start: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~start: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Users\Walter\Desktop\tut\node_modules\.bin;C:\Python38\Scripts\;C:\Python38\;C:\Program Files\Common Files\Microsoft Shared\Windows Live;C:\Program Files (x86)\Common Files\Microsoft Shared\Windows Live;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Windows Live\Shared;C:\WINDOWS\System32\OpenSSH\;C:\ProgramData\chocolatey\bin;C:\Program Files\nodejs\;C:\Program Files\Git\cmd;C:\Users\Walter\AppData\Roaming\ActiveState\bin;C:\Program Files (x86)\ActiveState Komodo IDE 12\;C:\Users\Walter\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\Walter\AppData\Roaming\npm
9 verbose lifecycle [email protected]~start: CWD: C:\Users\Walter\Desktop\tut
10 silly lifecycle [email protected]~start: Args: [ '/d /s /c', 'webpack-dev-server --open' ]
11 silly lifecycle [email protected]~start: Returned: code: 1  signal: null
12 info lifecycle [email protected]~start: Failed to exec start script
13 verbose stack Error: [email protected] start: `webpack-dev-server --open`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack     at EventEmitter.emit (events.js:314:20)
13 verbose stack     at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:314:20)
13 verbose stack     at maybeClose (internal/child_process.js:1021:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
14 verbose pkgid [email protected]
15 verbose cwd C:\Users\Walter\Desktop\tut
16 verbose Windows_NT 10.0.18363
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
18 verbose node v12.19.0
19 verbose npm  v6.14.8
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] start: `webpack-dev-server --open`
22 error Exit status 1
23 error Failed at the [email protected] start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

这是我的package.json:

{
  "name": "tut",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack",
    "start": "webpack-dev-server --open"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "html-loader": "^1.3.2",
    "html-webpack-plugin": "^4.5.0",
    "webpack": "^5.1.3",
    "webpack-cli": "^4.0.0",
    "webpack-dev-server": "^3.11.0"
  },
  "dependencies": {
    "http-server": "^0.12.3"
  }
}

这是webpack.config.js

var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
    module: {
      rules: [
        {
          test: /\.html$/i,
          loader: 'html-loader',
          options:{minimize:true}
        },
      ],
    },
    devServer:{
        contentBase:'./dist',
    },
    plugins: [new HtmlWebpackPlugin({
        template:"./src/index.html",
        filename:"./index.html"
    }),
   ]
  };
nishkaush

尝试更改startpackage.json中脚本,webpack serve如下所示:

  "scripts": {
    "build": "webpack",
    "start": "webpack serve"
  }

要启用HMR,请尝试像这样更新devServer对象webpack.config.js

devServer: {
   contentBase: './dist',
   hot: true, // <---- add this line
},

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何解决节点服务器错误,npm ERR!代码ELIFECYCLE npm ERR!errno 1?

什么是npm ERR!代码ELIFECYCLE?

如何解决错误:迁移MD5校验和失败[1] npm ERR!代码ELIFECYCLE npm ERR!errno 1

如何解决 Linux 中的“npm ERR!code ELIFECYCLE”错误?

我该如何解决'npm ERR!npm启动期间Project.js中的代码ELIFECYCLE'

npm ERR!代码ELIFECYCLE(开始发行)

调试npm ERR!代码ELIFECYCLE npm ERR!errno 1

尝试并发运行(npm ERR!代码 ELIFECYCLE npm ERR!)

运行“ npm run build”后收到npm错误:npm ERR!代码ELIFECYCLE npm ERR!错误2

npm ERR!运行npm install时的代码ELIFECYCLE

npm ERR!代码ELIFECYCLE npm后安装脚本

npm run build给出npm ERR!代码ELIFECYCLE

如何解决 npm 安装错误“npm ERR! 来自github的代码1“克隆反应应用程序

我启动npm时遇到了这个问题:npm ERR!代码ELIFECYCLE

npm ERR!天蓝色devops中的代码ELIFECYCLE无法使其运行

npm ERR!代码ELIFECYCLE-无法启动开发服务器

Npm ERR!代码EPERM

如何解决npm的ini错误

如何解决NPM安装错误?

如何解决npm run dev给的错误?

npm run build 抛出错误代码 ELIFECYCLE

npm 错误!代码 ELIFECYCLE,errno ENOENT & syscall spawn

npm安装不起作用| npm ERR!路径 npm ERR!代码 npm ERR!errno | npm ERR!syscall | npm ERR!天生的

Laravel:CentOS 上的 npm 退出代码 1 代码 ELIFECYCLE

如何解决npm问题?

npm install会给出“ npm ERR!代码ENOTFOUND'错误

npm 错误!代码 ENOLOCAL npm ERR!无法安装

npm 错误!代码 ENOENT npm ERR!系统调用重命名

呃!运行npm start时输入代码ELIFECYCLE