Webpack 网页包配置：无dist文件夹&x27；无法获取/'；错误

下面是一个Pluralsight教程，该教程介绍如何在React应用程序中手动配置Babel和Webpack。我不是新手，但我不熟悉手动配置Babel和Webpack。我已经学习了教程，但是在通过

npm run dev

运行应用程序时，我遇到了一个

cannot GET/

错误。我还注意到，在运行

npm run build

Webpack之后，并没有自动生成

dist

文件夹，我认为这是我的问题

这是我的

webpack.config.js

文件：

// import path from 'path';
const path = require("path");

// export default {
module.exports = {
    mode: 'development',
    entry: path.resolve(__dirname, 'src','app'),
    output: {
        path: path.resolve(__dirname,'dist'),
        filename: 'bundle.js',
        publicPath: '/',
    },
    resolve: {
        extensions: ['.js','.jsx']
    },
    devServer: {
        historyApiFallback: true
    },
    module: {
        rules: [{
            test: /\.jsx?/,
            loader:'babel-loader'
        }]
    }
}

这是我的

babel.rc

文件（我认为这不是问题，但无论如何我都会包含它）：

这是我的

package.json

文件：

{
  "name": "react-fullstack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack",
    "dev": "webpack-dev-server --open"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/node": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@babel/preset-react": "^7.0.0",
    "@babel/register": "^7.0.0",
    "babel-loader": "^8.0.2",
    "webpack": "^4.17.2",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.7"
  }
}

为什么我会遇到

无法获取/

错误？是因为缺少

dist

文件夹吗？如何更正此问题并使我的应用程序捆绑并正确运行

---

我相信网页包配置的output.path部分的文件路径可能有问题，或者

文件名有问题。我一直面临着同样的问题，我已经尝试了发布在这里和GitHub上的大多数解决方案/解决方法。我认为主要的根本原因是依赖项包的版本不兼容。请确保已安装正确版本的node和Thread，在webpack.config.js文件和index.html中安装并实现了html webpack插件。我想服务器无法确定在哪里可以找到您的
index.html
。您可以指示它通过
contentBase
属性在
devServer
property``devServer:{historyApiFallback:true，contentBase:path.join（u dirname，/public'）中查找它```
{
  "name": "react-fullstack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack",
    "dev": "webpack-dev-server --open"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/node": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@babel/preset-react": "^7.0.0",
    "@babel/register": "^7.0.0",
    "babel-loader": "^8.0.2",
    "webpack": "^4.17.2",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.7"
  }
}