已经找到了：webpack-dev-server@2.9.1

没有装webpack-cli吧，跟老师的版本有区别的，我在学习的时候 vue-loader必须和VueLoaderPlugin搭配使用，否则报错，但是老师那里就没有相关提示

我也是这样 

这个是因为版本不兼容导致的，可以在package.json文件里查看webpack-dev-server和webpack-cli的版本是否相同(记得老师用的应该是3.x.x版的),如果webpack-dev-server是3.x.x那就装一个webpck-cli@3.11.2应该就能跑起来了

webpack 版本高了， 安装webpack@4.x

data里面值写错了！

你看看端口号是不是被占用了 lsof -i:8080,把下面所有的端口号清理干净kill -9 PID  ,然后在npm rn dev

检查一下是不是有什么包没下载

webpack 官方文档 有对devtool 的集中模式的详细说明，请移步。

我也是同样的问题 webpack 也引入了 和老师的代码一样

已发现，端口被占用，改端口号即可。

package.json文件中

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1",

"build": "cross-env NODE_ENV=production webpack --config webpack.config.js",

"dev": "cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js "

},

"dev"改成"serve"就好了

npm i html-webpack-plugin一直不成功，真是崩溃

写return了么

感觉你的配置没有起作用，你检查下整个启动链路，从package.json里面的启动命令开始

你重新 npm install 一下，感觉像是包没装好

你可以参考一下我的代码https://github.com/carrieguo/vue.js-todolist

解决了，看上面的代码，目测是服务器那里设置的问题

针对老师的教程，我上传了自己的代码。老师教程中用的是webpack3.x，有很多包已经被弃用了，我改用了官网推荐的包，另外我用的是最新版本的webpack4.x，不会出现安装报错的问题。 下面是我的项目，欢迎大家参考： https://github.com/carrieguo/vue.js-todolist

webpack.HotModuleReplacementPlugin() 插件是否添加了，最好提供一下webpack.config.js源码。

部分代码

npm run dev

dev 的选项是在 package.json scripts里面配置的。 下面的是

  "dev": "cross-env NODE_ENV=development webpack-dev-server --open" 这样配置的

已经找出问题了再重新安装一下npm install webpack-dev-server就可以

谢谢，楼主好人

错误提示你的包依赖没有装好

你可以参考一下我的代码https://github.com/carrieguo/vue.js-learn

缺少依赖包，建议用vuecli