GET http://localhost:8080/dist/bundle.js net::ERR_ABORTED 404（未找到）答案

【问题标题】：GET http://localhost:8080/dist/bundle.js net::ERR_ABORTED 404 (Not Found)GET http://localhost:8080/dist/bundle.js net::ERR_ABORTED 404（未找到）
【发布时间】：2019-05-08 00:41:33
【问题描述】：

我是 MERN 开发的新手。我尝试了一个“Hello World”教程来对 MERN 有一个基本的了解。

本教程涉及 Webpack 4、Babel、expressJS 和 ReactJS。

一切正常，但使用 Webpack 创建的 ES6 编译 bundle.js 在最终输出中没有被触发。

加载 template.js 时出现以下错误：

GET http://localhost:8080/dist/bundle.js net::ERR_ABORTED 404 (Not Found)" error

我尝试了所有相对路径的组合，但仍然无法正常工作。

请在下面查看我的template.js 代码：

export default () => {
    return `<!doctype html>
        <html lang="en">
          <head>
            <meta charset="utf-8">
            <title>MERN Tutorial</title>
          </head>
          <body>          
            <div id="root"></div>            
          </body>
          <script type="text/javascript" src="dist/bundle.js"/>  
        </html>`;
  };

请帮我解决问题。

问候，普拉迪普·塞尔瓦。

【问题讨论】：

这是 HTML 代码，无法使用 JavaScript 文件导出。因此，您需要更深入地了解文件结构以从 React.js 开始
嗨 Ashwanmegh，这在捆绑在 Webpack 中时有效。标题“MERN 教程”显示在浏览器中，唯一的事情是 bundle.js 没有被调用。它抛出 404，而文件存在于“dist”文件夹中。
如果我没记错的话，我认为这个文件是在dist 文件夹中创建的。 @Pradeep 您可以尝试将 src 更改为 ./bundle.js
是的，文件在 dist 文件夹中。我试过了，但没有用。
在 html 中添加脚本标签时：使用此语法：<script type="module" src="/bundle.js"></script>

标签： javascript reactjs webpack mern

【解决方案1】：

在使用 React-Router 属性时也有同样的错误。问题是在我的 index.html 中引起的，我在其中加载了对已编译的 javascript 文件 bundle.js 的主要引用。

我换了：

        <script src="./bundle.js"></script>

到

        <script src="/bundle.js"></script>

它立即解决了问题。

感谢this post 帮助我解决这个问题！

【讨论】：

【解决方案2】：

这个错误也可能是由于使用了不属于基本拉丁字母的类名，例如 Ø。

【讨论】：