找不到捆绑文件

Question

让我的整个应用程序正常工作，创建了一个新页面而且无法找到它

app.js：

app.get('/logged_in', function (req, res) {
  res.sendFile(__dirname + '/logged_in.html');
});

webpack.config.is

  output: {
    path: path.resolve(__dirname, 'public'),
    filename: "[name].bundle.js"
  },

现在将其添加到app.js：

app.get('/messaging', function (req, res) {
  res.sendFile(__dirname + '/messaging.html');
});

我收到错误：http://localhost:3000/messaging.bundle.js 404 (Not Found)

最后一件事：

在我的html文件中

logged_in.html＆gt; <script src="logged_in.bundle.js"></script> messaging.html＆gt; <script src="messaging.bundle.js"></script>

无法解决为什么它不会工作

Answer 1

我不知道您使用哪个框架，在express中您应该使用app.use(express.static(...))向客户端提供静态文件。

您可以查看此文档以获取更多信息：http://expressjs.com/en/starter/static-files.html

示例：

如果您将bundle.js放入dist，则dist位于项目的根目录下。您希望向客户端提供bundle.js，您应将bundle.js或包含bundle.js的文件夹设置为静态。

app.use('/static', express.static(`${__dirname}/dist`))

然后，您可以使用http://localhost:3000/static/bundle.js在客户端获取bundle.js。