Javascript 网页包-npm运行启动和构建不起作用？

我习惯于使用create react应用程序创建react项目，但我决定创建一个没有它的项目，但我被困在网页包配置中，因为我是新手：

这是我的package.json文件：

webpack.config.js文件：

.babelrc.json文件：

这是我的整个项目文件夹和文件树：

当我运行npm run start或npm run build时，它会失败：

使用npm run start时，出现以下错误：

internal/modules/cjs/loader.js:968
  throw err;
  ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- C:\Users\saher\Desktop\New folder\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
    at Function.Module._load (internal/modules/cjs/loader.js:841:27)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (C:\Users\saher\Desktop\New folder\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12) {
  code: 'MODULE_NOT_FOUND',

---

我是webpack新手，我不知道问题出在哪里，我想我已经安装了使其正常工作所需的所有文件和配置，那么问题到底出在哪里呢？？？

main:index.js在package.json中应该是main:src/index.js

main:index.js在package.json中应该是main:src/index.js

有一个打开的错误报告指出webpack server 3.11与webpack cli v4不兼容

报告可在此处找到：

是-webpack dev服务器不能与webpack cli v4一起使用

评论链接：

---

解决方案是通过更改为兼容版本来修改project.json文件，并欢迎使用Webpack:-

有一个打开的错误报告，指出Webpack server 3.11与Webpack cli v4不兼容

报告可在此处找到：

是-webpack dev服务器不能与webpack cli v4一起使用

评论链接：

---

解决方案是将project.json文件更改为兼容版本，并欢迎使用Webpack:-

我认为问题在于，您编写的索引没有字符串引号

entry: path.join(__dirname, 'src', index.js)

这应该是

entry: path.join(__dirname, 'src', 'index.js')

它就像一个变量，当你写没有字符串引号。您可以在console.log上尝试相同的方法

---

因为索引没有定义。

我认为问题在于，您编写的索引没有使用字符串引号

entry: path.join(__dirname, 'src', index.js)

这应该是

entry: path.join(__dirname, 'src', 'index.js')

它就像一个变量，当你写没有字符串引号。您可以在console.log上尝试相同的方法

---

因为未定义索引。

您是否运行了npm安装？@JoshBonnick是！此外，从终端发出该命令时，请确保您位于项目文件夹中。你可以考虑使用NoM插件，只要点击脚本就可以运行。@兰迪卡斯本，我在正确的目录下运行NPM安装吗？此外，从终端发出该命令时，请确保您位于项目文件夹中。你可以考虑使用NoM插件，只要点击脚本就可以运行。@ RANDYCASCAN，我在正确的方向上，因为它找不到它的入口点似乎失败了，因为它找不到它的入口点。谢谢你，解决了一半的问题，现在npm运行构建工作，但npm运行启动产生相同的错误谢谢这解决了一半的问题，现在npm运行构建工作，但npm运行启动产生相同的错误谢谢，现在我可以使用webpack服务运行服务器，而不需要使用兼容版本谢谢，现在我可以只使用WebpackServe来运行服务器，而不需要使用兼容版本

entry: path.join(__dirname, 'src', index.js)

entry: path.join(__dirname, 'src', 'index.js')