Webpack npm脚本找不到命令"src/index.js“

Question

我和webpack有矛盾，或者-至少我想是和webpack在一起。

我用npm安装了它。我一直在遵循Mithril.js简单应用程序教程，它要求在我的package.json中执行以下操作

package.json

{
  "name": "my-project",
  "scripts": {
    "start": "webpack src/index.js --output bin/app.js -d --watch"
  }
}

我在我的项目目录的根目录中运行了以下命令，其中包含一个包含我的src/文件的index.js文件夹。我还有一个bin/文件夹，它将保存上面所示的package.json文件中指定的webpack命令的输出。

npm install webpack webpack-cli

所以我继续跑：

npm start

下面是我在运行时得到的错误。关于找不到src/index.js并且没有拼写错误，我检查了不止一次。

直接终端输出：

用户@ubunutu：~/Projects/mothersrfc/client$11共计60 drwxrwxr-x2 jreyes jreyes，1月6 21:45 bin drwxrwxr-x 97 jreyes node_modules 6 21:09 node_modules-rw-rw-r-1 jreyes jreyes 382，1月6日22:23 package.json -rw-rw-r-1 jreyes jreyes 42984 1月6 21:09包-lock.json drwxrwxr-x2 drwxrwxr 2 jreyes4096 1月6:22 26 src用户@ubunutu：~/node_modules/母r/客户端$用于脚本的节点二进制文件是/snap/bin/node，但npm使用的是/snap/ node /3527/bin/node本身。使用--scripts-prepend-node-path选项包含执行节点二进制npm的路径。>mothersrfc client@1.0.0 start /home/jreyes/Projects/mothersrfc/client > webpack src/index.js -output bin/app.js -d代码ELIFECYCLE npm错误！错误的2 npm错误！客户端@1.0.0开始：webpack src/index.js --output bin/app.js -d --watch npm错误！退出状态2 npm错误！npm错误！母the客户端@1.0.0启动脚本失败。npm错误！这可能不是npm的问题。上面可能还有额外的日志输出。npm错误！有关此运行的完整日志可以在npm！/home/jreyes/.npm/_logs/2021-01-07T05_00_13_372Z-debug.log user@ubunutu:~/Projects/mothersrfc/client$中找到。

这是我来自npm的错误日志..。

如果它以ok 1冗长的cli‘/

/node/3527/bin/node’、‘/snap/节点/3527/bin/npm’、'start‘2 info使用npm@6.14.10 3 info使用node@v14.15.4详细运行-脚本'prestart’、'start'，‘'poststart’5 info生命周期母-client@1.0.0~prestart:妈妈npm client@1.0.0 6 info生命周期母npm client@1.0.0~start:mothersrfc client@1.0.0 7警告生命周期脚本使用的节点二进制文件是/snap/bin/node，但npm使用的是/snap/ node /3527/bin/node本身。使用--scripts-prepend-node-path选项包含执行节点二进制npm的路径。8详细的生命周期母-客户机@1.0.0~开始:生命周期中的不安全-perm真9详细生命周期母-客户机@1.0.0~开始:路径: /snap/node/3527/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/jreyes/Projects/mothersrfc/client/node_modules/.bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/本地/游戏:/snap/bin 10详细的生命周期母bin client@1.0.0~start: CWD: /home/jreyes/Projects/mothersrfc/client 11愚蠢的生命周期母bin client@1.0.0~start: Args：'-c'，‘'webpack src/index.js --输出bin/app.js -d -观察’12愚蠢的生命周期母src client@1.0.0~ start:返回:代码:2信号: null 13 info生命周期母src client@1.0.0~ start :未能执行启动脚本14详细堆栈错误:母src客户端@1.0.0启动：webpack src/index.js --output bin/app.js -d --watch 14详细堆栈退出状态2 14在EventEmitter详细堆栈。(/snap/node/3527/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16) 14 EventEmitter.emit详细堆栈(events.js:315:20) 14详细堆栈在ChildProcess。(/snap/node/3527/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14) 14详细堆栈at ChildProcess.emit (events.js:315:20) 14详细堆栈在maybeClose (events.js:315:20/child_process.js:1048: 16 ) 14详细堆栈在Process.ChildProcess._handle.onexit (内部/子流程.14:288:5) 15详细的pkgid母288客户端@1.0.0 16详细的cwd /home/jreyes/项目/mothersrfc/client 17详细Linux 5.4.0-59-泛型18详细的argv“/snap/ node /3527/bin/ code”"/snap/node/3527/bin/ npm“19详细节点v14.15.4 20详细npm v6.14.10 21错误代码ELIFECYCLE 22错误错误errno 2 23错误母argv client@1.0.0 start：webpack src/index.js --output bin/app.js -d --watch 23错误退出状态2 24错误在母ELIFECYCLE@1.0.0启动脚本中失败。24错误--这可能不是国家预防机制的问题。上面可能还有额外的日志输出。25详细退出2，true

编辑：我在使用webpack版本5.11.1和webpack-cli版本4.3.1

Answer 1

你可以这样做：

package.json

// package.json
{
    "name": "my-project",
    "scripts": {
        //"start": "webpack src/index.js --output bin/app.js -d --watch",
       "build": "webpack --mode=production webpack.config.js",
       "start": "webpack-dev-server --mode=development webpack.config.js"
    }
}

webpack.config.js

const path = require("path")

module.exports = {
   entry: path.join(__dirname, "./src/index.js"),
   output: {
     filename: "[name].bundle.js",
     path: path.resolve(__dirname, "dist")
  },
  ...
}

Answer 2

webpack-cli v4改变了入口点的解析方式。

v3

webpack a.js b.js -o dist

v4

webpack --entry a.js --entry b.js -o dist