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

请帮助我纠正此问题。

关于，普拉迪普·塞尔瓦（Pradeep Selva）。

Answer 1

使用React-Router属性时也有相同的错误。问题出在我的index.html中，在这里我将主要引用加载到已编译的javascript文件bundle.js中。

我切换了：

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

到

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

它立即解决了问题。

感谢this post帮我弄清楚了！

Answer 2

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

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

2 个答案: