获取 http://localhost:8080/dist/bundle.js net::ERR_ABORTED 404（未找到）

Question

我是 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>`;
  };

请帮我解决这个问题。

问候，普拉迪普塞尔瓦。

Answer 1

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

我切换：

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

到

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

它立即解决了问题。

感谢这篇文章帮助我解决了这个问题！

Answer 2

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

获取 http://localhost:8080/dist/bundle.js net::ERR_ABORTED 404（未找到）

问题描述

2 个解决方案

解决方案1
4 2019-12-26 16:48:19

解决方案2
0 2020-09-25 08:50:16

获取 http://localhost:8080/dist/bundle.js net::ERR_ABORTED 404（未找到）

问题描述

2 个解决方案

解决方案1 4 2019-12-26 16:48:19

解决方案2 0 2020-09-25 08:50:16

解决方案1
4 2019-12-26 16:48:19

解决方案2
0 2020-09-25 08:50:16