npm run dev报错信息及解决方法

 更新时间:2023年09月21日 11:23:09   作者:清汤饺子  
这篇文章主要为大家介绍了npm run dev报错信息及解决方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

1.解决方法

首先,报错是看这块

可以发现是端口号的问题,于是修改端口号,发现还是报错,那么还有一个可能,就是Host 文件配置的webpack server的域名配置是不是被注释掉了,取消注释重新运行,ok了。

2.解决思路

npm run dev 报错

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! web@1.0.0 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

直接复制标红代码谷歌查

查到方法是卸载webpack-dev-server再重装

npm remove webpack-dev-server
npm install webpack-dev-server@2.9.1
npm run dev

还是报错,于是我把node_modules目录都删掉,再重新npm install试试还是报错。
再试试

npm remove webpack-dev-server
npm install --save-dev webpack-dev-server@2.9.7

又往上看了下报错,发现是端口的原因。

额。。。发现自己把127.0.0.1 test.gamesafe.qq.com host配置注释掉了,应该是这个原因。感谢这篇博客帮我解决问题!知道看报错信息了。还顺带把host文件改了,然后就改好了

以上就是npm run dev报错信息及解决方法的详细内容,更多关于npm run dev报错解决的资料请关注脚本之家其它相关文章!

相关文章

  • Vue3+TypeScript+Vite使用require动态引入图片等静态资源

    Vue3+TypeScript+Vite使用require动态引入图片等静态资源

    本文主要介绍了Vue3+TypeScript+Vite使用require动态引入图片等静态资源,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • vue3不同语法格式对比的实例代码

    vue3不同语法格式对比的实例代码

    vue3发布已有一段时间了,文档也大概看了一下,不过对于学一门技术,最好的方法还是实战,这篇文章主要给大家介绍了关于vue3不同语法格式对比的相关资料,需要的朋友可以参考下
    2021-08-08
  • Vue的百度地图插件尝试使用

    Vue的百度地图插件尝试使用

    本篇文章主要介绍了Vue的百度地图插件尝试使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • vue3 process.env.XXX环境变量不生效的解决方法

    vue3 process.env.XXX环境变量不生效的解决方法

    这篇文章主要给大家介绍了关于vue3 process.env.XXX环境变量不生效的解决方法,通过文中介绍的方法可以很方便的解决遇到的问题,对大家学习或者使用vue3具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-08-08
  • 浅谈vue-lazyload实现的详细过程

    浅谈vue-lazyload实现的详细过程

    本篇文章主要介绍了浅谈vue-lazyload实现的详细过程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 基于Vue3定制复杂组件滚动条的实现

    基于Vue3定制复杂组件滚动条的实现

    这篇文章主要介绍了如何利用vue3定制复杂组件的滚动条,文中通过示例代码讲解详细,需要的朋友们下面就跟随小编来一起学习学习吧
    2023-04-04
  • vue实现简单转盘抽奖功能

    vue实现简单转盘抽奖功能

    这篇文章主要为大家详细介绍了vue实现简单转盘抽奖功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Vue.js 3.x 中的响应式数据ref 与 reactive详解

    Vue.js 3.x 中的响应式数据ref 与 reactive详解

    ref 和 reactive 是 Vue.js 3 中用于创建响应式数据的两个关键函数,它们分别适用于不同类型的数据,帮助我们更好地组织和管理组件的状态,这篇文章主要介绍了Vue.js 3.x 中的响应式数据:ref 与 reactive,需要的朋友可以参考下
    2024-01-01
  • 解读vue分页面打包方式

    解读vue分页面打包方式

    这篇文章主要介绍了解读vue分页面打包方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • 使用vue-draggable-plus实现拖拽排序

    使用vue-draggable-plus实现拖拽排序

    最近遇到一个需求,在 Vue3 的一个 H5 页面当中点击拖拽图标上下拖动 tab 子项,然后点击保存可以保存最新的 tab 项顺序,同事说可以用 vue-draggable-plus 这个库来实现拖拽,所以本文给大家介绍了如何使用vue-draggable-plus实现拖拽排序,需要的朋友可以参考下
    2024-01-01

最新评论