webpack-dev-server 启动时报错404
// package.json
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack-dev-server"
},
"devDependencies": {
"webpack": "^2.6.1",
"webpack-dev-server": "^2.4.5"
}
// webpack.config.js
module.exports={
entry:'./app/index.js',
output:{
path: __dirname + "/public",
filename: "bundle.js"
}
}
// index.html
<body>
<div>
测试
</div>
<script src="./public/bundle.js">
</script>
</body>
//index.js
console.log(13456);
document.write('helloworld1212')下面就是npm start启动后CLI显示success,但是chrome的控制台报的错误GET http://localhost:8080/public/bundle.js 404 (Not Found)
已经纠结一天，恳请大神帮助，或者提供自己的建议
当我尝试把bundle.js外面的文件夹public拿掉即更改webpack.config.js和index.heml文件
// webpack.config.js
module.exports={
entry:'./app/index.js',
output:{
//path: __dirname + "/public",
filename: "bundle.js"
}
}
// index.html
<body>
<div>
测试
</div>
<script src="./bundle.js">
</script>
</body>这种情况下，一切运行正常。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
说明浏览器没有检测到
/public/bundle.js，你执行webpack进行打包吗？执行过了
webpack才会生成bundle.js我本地试过了也是404
html引用打包的路径要写
<script src="bundle.js"></script>
你引入的地方出错了 <script src="/public/bundle.js"，这样才可以，必须以 /开头
html引用路径请用端口路径:
<script src="http://localhost:8080/bundle.js"></script>
http://localhost:8080/bundle.js直接访问这个就可以了