node.js - webpack-dev-server运行后，找不到bundle.js
本文介绍了node.js - webpack-dev-server运行后，找不到bundle.js的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>可爱的D3</title>
</head>
<body>
<ng2-d3>
数据加载中……
</ng2-d3>
<script src="./dist/bundle.js"></script>
</body>
</html>
var webpack = require('webpack');
var openBrowser = require('webpack-browser-plugin');
module.exports = {
entry: './src/main.ts',
output: {
filename: '/dist/bundle.js'
},
resolve: {
extensions: ['.ts', '.js']
},
module: {
loaders: [
{
test: /\.ts$/,
loader: 'ts-loader'
}
]
},
devServer: {
hot: true,
inline: true
},
plugins: [new openBrowser()]
};运行中没有报错，但打开页面后报错了！
是不是少了什么配置？
解决方案
1. 将<script src="./dist/bundle.js"></script>
改成<script src="bundle.js"></script>
2. 在命令行输入webpack-dev-server --content-base dist/ /*指定启动目录*/
webpack-dev-server如果不指定目录，则默认是当前目录。
如果第二步感觉每次都指定很麻烦的话，你可以在package.json中的
"scripts": {
"start": "webpack-dev-server --content-base dist/"
},
然后每次启动的时候输入npm start就可以了。
（个人意见，仅供参考，希望对你有帮助）
这篇关于node.js - webpack-dev-server运行后，找不到bundle.js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
