使用webpack打包文件，已经编译并且打包成功，但是浏览器报错404找不到此打包文件

Question

使用webpack打包文件，已经编译并且打包成功，但是浏览器报错404找不到此打包文件
路径已经检查了千百次，还是找不到问题出在哪里。。。。。

也在index.html引入了打包文件

然而浏览器报错404

有大神可以告诉我原因么······

Answer 1

看看打包成功没，也许是路径错了吧，推荐用引入path

const path = require('path');

    output: {
        filename: "bundle.js",          //打包后输出文件的文件名
        path:  path.resolve(__dirname,"dist")   //打包后的文件存放的地方        
    }

Answer 2

八成是路径写错了，看看是不是打包到build文件夹里面去了。

改成：

path:  path.join(__dirname, '..', 'dist')

Answer 3

打包完是不能直接跑的，要么装一个插件，要么丢到服务器上去。

Answer 4

请问楼主问题解决了吗？ 我也遇到同样的问题了

Answer 5

请问有解决方法了吗