关于#npm#的问题：vue项目运行错误

npm run dev出现错误，项目代码没有报错，只有运行的时候出现错误，有没有da佬帮我指点指点

img

WebPack-dev的服务器不是内部或外部指令的解决方法“
把项目目录的node_modules文件夹删除。然后再cd到当前项目目录下，npm install，再npm run build。最后运行npm run dev，项目成功启动

确认项目中的package.json有没有webpack-dev-server依赖，有的话执行npm install安装它，没有的话手动安装 npm i webpack-dev-server

npm install -g webpack-dev-server

  • 你可以看下这个问题的回答https://ask.csdn.net/questions/655668
  • 这篇博客你也可以参考下：vue项目npm总是出错
  • 除此之外, 这篇博客: 使用npm初始化创建vue项目中的 为什么是npm run dev 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

  • 在编译的时候，将npm run dev命令映射成webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

    webpack-dev-server命令借助node服务器实现项目运行，项目热更新，实时监听前端文件变化。（这个开过的时候有体会，当你修改了前端代码，浏览器会自动刷新）

    后面就是跟了三个参数，类似python命令行的那种方式。

    加载了build文件夹下的webpack.dev.conf.js文件，这个文件生成webpack的配置结果，其中又会加载webpack.base.conf.js文件。

    webpack.base.conf.js文件中有个main.js配置，这个就是项目入口文件。

    main.js里面定义了一个App的模板，调用App.vue模板的内容，我们就看到了hello vue的欢迎界面。

运行之前，需要先安装相关依赖包。
一般安装命令是：

npm install

进入vue项目的目录里面，首先执行npm install安装项目所需的依赖，然后在执行npm run dev命令启动项目，这里使用的dev是对应package.json文件中scripts脚本里面定义的，如果你没有定义，那就不能使用dev命令。

从报错来看解决：
命令：npm install webpack-dev-server --save

img