npm run dev失败的简单解决办法

目录
  • 记录学习TS和Vue过程中遇到的问题及解决办法
  • 解决办法：
  • 总结

记录学习TS和Vue过程中遇到的问题及解决办法

下载好相关依赖包后，每次npm run dev时，都会出现以下问题：

输入yes进行下载，但是不会下载成功。输入NO则会直接结束，不会执行。

于是我根据yes之后的报错信息，去到log里面查看

嗯，看了半天没看懂！

于是我就查看依赖包的版本号是否有问题，版本号如下：

于是根据版本号再到处收集相关信息，终于找到问题了！

我们报错的提示是webpack-cli这个包出现了问题，问你是否重装啥的，那我们就对这个包的版本号进行一个查询，结果就查到了。我装的是webpack-cli@4.1.0版本，于是我升级到了webpack-cli@4.2.0。至于为什么，应该是老版本不兼容吧，导致出现了这样一个BUG。输入npm install -D webpack-cli@4.2.0运行就可以了。然后再npm run dev发现可以了，不会再报这个错了！

但是，又报了其他错误。这个错误很简单，就是自己的node_modules文件夹里的东西出现问题。这个很容易就解决了。

解决办法：

将node_modules文件夹删除掉，然后输入npm install下载安装依赖包,各版本号如下：

最后输入npm run dev运行就可以了！红线位置，就是访问页面的地址。

总结

到此这篇关于npm run dev失败的详细解决办法的文章就介绍到这了,更多相关npm run dev失败解决内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 详解vuejs中执行npm run dev出现页面cannot GET/问题

    1.问题描述 最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况: 1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误 2.命令窗口中并没有报错 其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发现是配置信息导致: 注释部分是打包时需要修改的地方(根据打包时网站根目录,这个没处理好可能会出现图片路径加载失败问题),而上面才是在开发环境下需要的配置信息

  • 详解Vue项目在其他电脑npm run dev运行报错的解决方法

    详解Vue项目在其他电脑npm run dev运行报错的解决方法

    一个 Vue 项目从一台电脑上传到 github 上之后,再另外一台电脑上 git clone .并使用 npm run dev 或 npm run start 发生以下报错的解决方法. 报错原因 缺少 node_modules 里面的依赖.在项目目录下使用 npm install 然后再 npm run dev. 如果在这一步当中, npm install 执行的过程中,处于一直卡顿的状态.说明网络状况不佳.建议使用 cnpm 淘宝源. 淘宝源 使用 cnpm -v 查看是否已经安装 cnpm

  • 关于vue的npm run dev和npm run build的区别介绍

    关于vue的npm run dev和npm run build的区别介绍,下面就分享给大家,具体如下: ├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-loader.conf.js │ ├─webpack.base.conf.js │ ├─webpack.dev.conf.js │ ├─webpack.prod.conf.js │ └─webpa

  • npm run dev失败的简单解决办法

    npm run dev失败的简单解决办法

    目录 记录学习TS和Vue过程中遇到的问题及解决办法 解决办法: 总结 记录学习TS和Vue过程中遇到的问题及解决办法 下载好相关依赖包后,每次npm run dev时,都会出现以下问题: 输入yes进行下载,但是不会下载成功.输入NO则会直接结束,不会执行. 于是我根据yes之后的报错信息,去到log里面查看 嗯,看了半天没看懂! 于是我就查看依赖包的版本号是否有问题,版本号如下: 于是根据版本号再到处收集相关信息,终于找到问题了! 我们报错的提示是webpack-cli这个包出现了问题,问你

  • 使用vue-cli初始化项目时运行‘npm run dev’报错及解决

    目录 vue-cli初始化项目时运行‘npm run dev’报错 vue-cli初始化项目时运行‘npm run dev’报错 npm run dev 无法启动 0 info it worked if it ends with ok1 verbose cli [1 verbose cli   'D:\\Program Files\\nodejs\\node.exe',1 verbose cli   'D:\\Program Files\\nodejs\\node_modules\\npm\\b

  • 运行npm run dev报错的原因及解决

    目录 项目场景: 问题描述 原因分析: 解决方案: 总结 项目场景: 提示:这里简述项目相关背景: 例如:项目场景:导入Spring Boot+vue项目时,运行npm run dev报错 问题描述 提示:这里描述项目中遇到的问题:运行npm run dev报错,在网上试了好多方法,都没解决. 原因分析: 提示:这里填写问题的分析:Note that the development build is not optimized.To create a production build, run

  • JQuery 传送中文乱码问题的简单解决办法

    一.客户端先进行编码,服务端再解码. 客户端发送数据: var names = encodeURIComponent("电费"); names = encodeURIComponent( names); $.post("test.do?names="+name,null, function(){}); 服务端解码: 获取names 参数值,然后解码. String name = URLDecoder.decode(names, "UTF-8");

  • mongodb出现id重复问题的简单解决办法

    目录 背景 ObjectId 的结构 尝试 解决办法 总结 背景 今天遇到mongodb在插入数据时出现id重复错误,具体错误代码如下: duplicate key error collection: index: id dup key: { : ObjectId('59a3b9275f063c20cc8bdec7') }', 觉得奇怪 id不是自己生成的,怎么会这样呢 . 于是查了下ObjectId . ObjectId 的结构 这些是 _id 的一些主要特征的摘要: _id 是集合中文档的主

  • php Sql Server连接失败问题及解决办法

    1.确认数据库服务开启状态 2.php.ini配置中的扩展打开 3.检查数据库相关的版本 (1)Sql2000此时要检查php目录和apache的bin目录下的ntwdblib.dll文件的版本是否符合,右键点击ntwdblib.dll看文件属性就可以看见版本.Sql2000对应的ntwdblib.dll应该是7.0的版本 (2)Sql2005的时候ntwdblib.dll对应的是8.0的版本. 如果版本不对可能出现链接失败,仔细检查即可. 本人在链接sql2005的时候遇到的问题,经过仔细排查

  • 解决Vue-cli npm run build生产环境打包,本地不能打开的问题

    问题: Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work. 解释: npm run dev是开发环境, npm run build是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码,执行npm run build 命令后,会生成dist目录,里边包含index.html和static文件夹. npm run build的时候,

随机推荐