首页 > 其他分享 >vue项目启动时 `webpack-dev-server –inline –progress –config build/webpack.dev.conf…

vue项目启动时 `webpack-dev-server –inline –progress –config build/webpack.dev.conf…

时间:2023-04-05 12:08:46浏览次数:47  
标签:npm node vue nodejs dev webpack


vue项目在npm run dev时报错

npm ERR! [email protected] dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

解决这类问题主要分两种情况

  1. 这个项目已经构建好的项目,你只是从git、snv或者其他地方引入,别人能运行你不能运行
  2. 这是一个新构建的vue项目

第一种情况:可能由于host错误或者node_modules依赖有问题

首先检查config下的index.js的ip是否填写错误

如果无误将node_modules文件夹删除,使用npm install或cnpm install重新引入
如果你的网络不好可以重复以上步骤用cnpm多试几次,如果还不行看下面的情况

第二种情况:

检查veu、nodejs、webpack版本是否有冲突

vue -V
node -v
npm info webpack

去node官网看了一下 由于nodejs是测试版,可能有些bug所以导致了项目启动启动不起来

在控制面板->程序中直接卸载nodejs

卸载完毕后将稳定版本的nodejs直接安装到原来的目录,这里我选择了node-v10.15.3

然后运行 npm run dev 成功

如果你属于第二种情况,而且vue和nodejs版本没问题的话可以试试换一下webpack的版本

全局卸载webpack
npm uninstall webpack -g

安装2.9版本的webpack
cnpm install [email protected]



参考链接:https://www.jianshu.com/p/ea95656ce8d7


标签:npm,node,vue,nodejs,dev,webpack
From: https://blog.51cto.com/u_15967457/6170532

相关文章

  • 从一个电影网站项目学习[前台显示端]—Vue.js
    本篇文章通过一个完整的电影介绍和电影资源发布网站的项目,过一遍Vue.js。通过前面章节的介绍http://www.shanhubei.com/tag/vue或在本平台下的相关文章了解一下。(ps本人是通过工具编辑器编写,同步在多个平台上)项目源码:github:https://github.com/shanhubei/vue_movie_example......
  • springboot +vue2.x实现音乐网站
    1pom文件<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache......
  • Vue进阶(四十七):面试必备:2023 Vue经典面试题总结(含答案)
    一、什么是MVVM?MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View代表UI组件,它负责将数据模型转化成UI展现出来,ViewModel是一个同步View和Model的对象。在MVVM架构下,View和Model之间并没......
  • 第三十八篇 vue - 最佳实践 - 性能优化
    概述Vue在大多数常见场景下性能都是很优秀的,通常不需要手动优化。然而,总会有一些具有挑战性的场景需要进行针对性的微调。在本节中,我们将讨论用Vue开发的应用在性能方面该注意些什么首先,让我们区分一下web应用性能的两个主要方面1、页面加载性能首次访问时,应......
  • 第三十九篇 vue - 最佳实践 - 安全
    报告漏洞虽然很少发现新的漏洞,但我们仍建议始终使用最新版本的Vue及其官方配套库,以确保你的应用尽可能地安全。首要规则:不要使用无法信赖的模板使用Vue时最基本的安全规则就是不要将无法信赖的内容作为你的组件模板。使用无法信赖的模板相当于允许任意的JavaScript在你......
  • DevOps工作流程之一:Apipost
    随着互联网行业的不断发展,为了提高工作效率,加快软件的交付流程,越来越多企业的选择DevOps工作流程。DevOps旨在通过自动化流程和改善协作,实现软件开发、测试和交付的一体化,从而提高软件交付的质量和速度。而Apipost作为一个功能强大的API调试工具,成为了DevOps工作流程中的重要一环。......
  • vue数组和对象进行 watch 和 watchEffect 对比
    constarr1=ref([]);constarr2=reactive([]);constobj1=ref({});constobj2=reactive({});watchEffect(()=>{console.log("watchEffectarr1",arr1.value);console.log("watchEffectarr2",arr2)......
  • 超详细!新手如何创建一个Vue项目
    目录一、在官网下载Vue.js二、使用<script>标签直接引入本地的vue.js三、使用CDN引入Vue.js四、验证是否安装成功五、安装VueDevtools浏览器调试插件不同浏览器导入方法本篇仅以HBuilderX为例,其余开发软件同样适用这里两种方法,使用<script>标签直接引入本地的vue.js或使用CDN......
  • 如何在vue3获取 DOM 元素
    获取dom的ref元素名称,要对应暴露的名称,不然会出现无效的dom报错,也就是拿到的是null在setup中,使用ref(null)获取dom不能直接在setup里面拿到dom的值,因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到,比如onMounted注意:ref不要加冒号,直接写dom元素名称......
  • vue引入粒子背景图效果
    安装依赖npminstallvue-particles--save-devmain.jsimportVueParticlesfrom'vue-particles'Vue.use(VueParticles)template  <vue-particles     color="#409EFF"     :particleOpacity="0.7"     :parti......