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='http://m.4tl426be.cn/wenda/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：1. 將<script src='http://m.4tl426be.cn/wenda/dist/bundle.js'></script> 改成<script src='http://m.4tl426be.cn/wenda/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就可以了。（個人意見，僅供參考，希望對你有幫助）回答2：
entry: [ ’webpack-dev-server/client?http://127.0.0.1:8080’, ’webpack/hot/only-dev-server’, ’./src/main.ts’ ]
網公網安備