Question

我有一个小的express / webpack应用程序，我正在编写以学习webpack并且我正确地捆绑了我的文件但是当我去浏览器并打开URL时，它在我的bundle.js文件上提供了404。

这是我的文件树：

这是index.ejs文件，这是我正在玩的页面：

<!DOCTYPE html>
<html>
<head>
    <title>Webpack Intro</title>
    <link rel="stylesheet" type="text/css" href="/styles.css">
    <script src="bundle.js" ></script>
</head>
<body>
<h1>Good Stocks</h1>
<h2>Stocks</h2>
    <ul>
<% stocks.forEach(function(stock){ %>
     <li><%= stock.name %></li>
<% }); %>
    </ul>
<form action="/addStock" id="form" method="POST">
    Name: <input type="text" name="addStock" id="name"><br>
    <input type="submit" name="submit" id="jsonButton">
</form>

</body>

</html>

Webpack以防万一：

module.exports ={
    //This file tells you what files to include in webpack. You can list all your files in this file
    entry: [
        './src/assets/entry.js'
        ],
    //This file is what will go in the html file
    output:{
        filename: 'bundle.js'
    }

我重新加载页面时最后出现浏览器错误。

我尝试将bundle.js文件放在不同的地方，我已经尝试过./ ../ ... / .//或其他任何我能想到的路径都是正确的。我把它放在src文件夹中并与./src/bundle.js一起使用。我对这条路径是否与我的app.js或我的index.ejs文件有关，我感到有些困惑。 App.js是快递应用程序，index.ejs是我对主页的看法。哦，我也在cloud9实例上。

任何帮助都会很棒。

js文件

0 个答案: