Question

我终于让他的dev服务器运行了，我在屏幕上得到了一些东西。我设置了一个＆＃34;开始＆＃34; NPM的脚本是这样的：

"start": "webpack-dev-server --content-base app"

我收到错误：

http://localhost:8080/bundle.js Failed to load resource: the server responded with a status of 404 (Not Found)

我的文件夹设置如下：

appDir
  ->app
  ->node_modules
  webpack.config.js
  package.json

我的webpack.config.js：

module.exports = {
    context: __dirname + '/app',
    entry: './index.js',
    output: {
        path: __dirname + '/app',
        filename: './bundle.js'
    }
}

你能说出错误吗？

Answer 1

bundle.js位于/app目录中。输出中的path选项指定文件的绝对路径。

此外，您不需要文件名中的./。它将相对于output.path得到解决，但这会令人困惑，并可能导致您的问题。

Answer 2

问题主要是指向index.html中的bundle js。找不到webpack bundle.js的原因，因为您需要在index.html中指定绝对路径。假设您的bundle.js和index.html是在dist文件夹下生成的，那么应该像下面这样。

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

Webpack：找不到bundle.js

2 个答案: