Webpack 未加载 HTML

Question

使用 webpack 加载 HTML 页面时出现 404 not found 错误。这些是我的配置。

Webpack.config.js:

const path = require('path');

module.exports= {
    devServer: {
        // contentBase
        static : {
          directory : path.join(__dirname, 'public/')
        },
        port: 3000,
        // publicPath
        devMiddleware:{
           publicPath: 'https://localhost:3000/dist/',
        },
        // hotOnly
        hot: 'only',
      },
};

其他文件配置在截图中。 webpack 服务器运行正常，但是当我尝试加载页面时出现此错误。请告诉我哪里错了。

其他文件的截图。

Answer 1

您的 index.html 是否位于 /public 文件夹中的正确位置？

来自 webpack 文档：

To load your bundled files, you will need to create an index.html file in the build folder from which static files are served (--content-base option).

或者尝试将其放入 webpack.config.js:

 devServer: {
  historyApiFallback: true,
}

或者有时您可能需要像这样指出您的 historyApiFallback index.html 文件：

 devServer: {
        historyApiFallback:{
            index:'build/index.html'
        },

Webpack 未加载 HTML

Webpack doesn't load HTML

javascript

npm

webpack

webpack-dev-server