"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack",
"server": "webpack-dev-server --open"
},
在终端中输入npm run server即可在本地的8090端口查看结果
当webpack与webpack-server版本不一致报错
Error: Cannot find module 'webpack/bin/config-yargs'
at Function.Module._resolveFilename (module.js:536:15)
at Function.Module._load (module.js:466:25)
at Module.require (module.js:579:17)
at require (internal/module.js:11:18)
at Object. (E:\work\webpack\one\node_modules\webpack-dev-server\bin\webpack-dev-server.js:54:1)
at Module._compile (module.js:635:30)
at Object.Module._extensions..js (module.js:646:10)
at Module.load (module.js:554:32)
at tryModuleLoad (module.js:497:12)
at Function.Module._load (module.js:489:3)
解决
npm install webpack-dev-server@1.15.0
配置文件中对应修改版本为1.15.0,两个需同为 1.x或2.x
本地服务器安装
局部安装 npm instal --save-dev webpack-dev-server 配置参数参考 参数 具体配置如下 module.exports = { devtool: 'eval-source-map',
entry: dirname + "/app/main.js", output: { path: dirname + "/public", filename: "bundle.js" },
devServer: { contentBase: "./public",//本地服务器所加载的页面所在的目录 historyApiFallback: true,//不跳转 inline: true,//实时刷新 port:8090 //若不配置则默认8080 } }
在package.json中的scripts对象中添加如下命令,用以开启本地服务器:
"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack", "server": "webpack-dev-server --open" }, 在终端中输入npm run server即可在本地的8090端口查看结果
当webpack与webpack-server版本不一致报错
Error: Cannot find module 'webpack/bin/config-yargs' at Function.Module._resolveFilename (module.js:536:15) at Function.Module._load (module.js:466:25) at Module.require (module.js:579:17) at require (internal/module.js:11:18) at Object. (E:\work\webpack\one\node_modules\webpack-dev-server\bin\webpack-dev-server.js:54:1)
at Module._compile (module.js:635:30)
at Object.Module._extensions..js (module.js:646:10)
at Module.load (module.js:554:32)
at tryModuleLoad (module.js:497:12)
at Function.Module._load (module.js:489:3)
解决
npm install webpack-dev-server@1.15.0
配置文件中对应修改版本为1.15.0,两个需同为 1.x或2.x