npm run dev 启动时报：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

最新推荐文章于 2024-05-17 17:12:52 发布
最新推荐文章于 2024-05-17 17:12:52 发布
阅读量3.5k 收藏 1
点赞数 1
文章标签： webpack javascript npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51493095/article/details/122439527
版权

执行npm run dev的时候报以下错误，找了大半天的解决方案，到处踩坑，最后用自己的方案解决了，记录一下！我太难了。

主要原因还是vue版本和webpack-dev-server版本的问题

1.首先确定vue的版本

因为项目是从git上拉下来的，之前百度一直看到的查看vue -V

后来发现应该用npm list vue，发现vue对应的版本是2.6.14，且未安装

于是用npm install vue@2.6.14安装

image.png

2.确定webpack-dev-server版本

使用命令webpack -v 发现webpack-dev-server都没安装

于是使用cnpm install webpack-dev-server安装

image.png

3.再次启动npm run dev 

image.png

 

莹落落
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue项目运行过程中，npm run dev 报错问题
qq_39747054的博客
03-22 5527
ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! metools@1.0.0 dev: node build/dev-server.js npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the metools@1.0.0 dev script. npm ERR! This is probably no...
npm run dev 运行报错： webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
热门推荐
记录日常
09-03 4万+
D:\npm run dev > hrsystem@1.0.0 dev D:\project_xm\hrsWeb > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 npm ERR! ...
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里配置即可。 #webpack.dev.conf.js //首先 // nodejs开发框架express，用来简化操作 const express = require('express') // 创建node.js的express开发框架的实例 const app = express() // 引用的json地
npm run dev启动过程及npm run serve区别
最新发布
m0_52226803的博客
05-17 1071
它是通过在命令行中运行 "npm run dev" 来启动的，实际上执行的是 package.json 文件中的 "scripts" 部分中定义的 "dev" 命令。pnpm（ performant npm ）指的是高性能的 npm，与 npm 和 yarn 一样是一款包管理工具，其根据自身独特的包管理方法解决了 npm、yarn 内部潜在的安全及性能问题，在多数情况下拥有更快速的安装速度、占用更小的存储空间，结合官网给出的性能测试及项目中的使用表现，其具有良好的应用前景。
解决：npm run dev 报错`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`？？？？
qq_44162778的博客
04-28 1408
看下图报错 是不是专注去找红色框起来的错误解决方法了，反正我是这样 1、换webpack的版本 2、 删node_modules重新install 3、build里面的这个webpack.dev.conf.js的devServer里面加一句inline:false, 都整了，还是报错 然后突然看见了蓝色框的那句 然后我给这句代码注释了 再npm run dev 可以了 嗯。。。 ...
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错
weixin_42438002的博客
07-19 5992
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 查看vue版本 vue -V 2.9.6 卸载、安装对应版本webpack npm uninstall webpack-de
dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` vue启动报错解决...
weixin_30682415的博客
10-29 2590
这是因为webpack-dev-server版本和vue版本不一样，需要将webpack-dev-server卸载了，安装对应版本 查看vue版本是 vue -V 注意：V是大写 卸载npm uninstall webpack-dev-server，在安装这个npm i webpack-dev-server@2.9.7，我的可以正常启动了。 转载于:https://www.cnblogs....
Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
诚的博客
10-27 5024
vue 项目 npm run dev 运行时报错：npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 原因：新版的webpack-dev-server 3.1.14 存在问题。 解决方法：package.json 中指定 webpack-dev-server 低版本号 方法1： “webpack-dev-server”: “^2.9.1” 删除 nod.
ERESOLVE unable to resolve dependency tree 错误处理方法
jiva123的博客
07-23 1万+
ERESOLVE unable to resolve dependency tree
报错：dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
m0_47265814的博客
07-14 5492
该问题出现在我从git上刚刚拉下来的项目 在npm install 之后，npm run dev/npm run serve都报错？？？ 然后我根据 报错信息查看我的 package.json文件 我发现报错信息就是dev后面 这句话 ，dev后面不一定是这句话哈，我对比了其他项目 也有这样的。 通过百度我发现是webpack版本低问题，也尝试了更换版本，先 卸载，在安装对应版本 ，发现并不能解决 还有一种 方式是直接修改webpack-dev-serve版本，可是我 查找全文件并没有一下这句话，
vue报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
swx999的博客
10-09 1211
原因：新版的webpack-dev-server 3.1.14 存在问题。 解决方法：package.json 中指定 webpack-dev-server 低版本号 （1）npm uninstall webpack-dev-server （2）npm install webpack-dev-server@2.9.1 （3）npm run dev 如果还不行，就删掉node_modules，然后再 npm i 一下，最后npm run dev ...
npm run dev运行时报错出现foms-client@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webp
qq_46687516的博客
04-30 1475
原因：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好,但是也不能装太老的版本 办法： 我们看到 webpack-cli 的版本是 4.2.0，而 webpack-cli 从4.x.x开始就没有该目录， 所以我们保证webpack-cli 和 webpack-dev-server 的版本只要都是 3.x.x 就...
使用webpack-dev-server处理跨域请求的方法
12-11
完成以上配置后，只需运行 `npm run dev`，`webpack-dev-server` 将会启动，并将前端发起的所有请求代理到指定的目标服务器。这样，前端的 AJAX 请求可以顺利地与远程 API 进行交互，而不会触发浏览器的同源策略。 ...
webpack-config-reload:热加载 webpack 配置。修改 webpack 相关配置文件后，自动重启脚本命令，比如 dev-server
05-05
webpack-config-reload 热加载 webpack 配置。修改 webpack 相关配置文件后，自动重启脚本命令，比如 dev-server，比较方便的是在调试 webpack 繁琐的配置... "start": "wc-reload webpack-dev-server --config webpack
webpack-static-site-generator:Webpack的静态站点生成器
05-03
npm i --save-dev webpack-static-site-generator 或者 yarn add webpack-static-site-generator -D 用法 在webpack.conf.js ： var StaticSiteGenerator = require ( 'webpack-static-site-generator' ) // Add ...
maven中mirror镜像和repository仓库配置
m0_67401153的博客
06-06 635
repository: 仓库,存放jar的具体位置； mirror: 镜像,为仓库做代理，加速仓库中jar的下载，其实就是把把访问仓库的请求转发到了镜像指定的地址；我们一般在pom.xml中会见到下面配置： 这是在项目的pom.xml中配置了一个仓库，仓库的id是pentaho-public，注意仓库地址，并不是常用地址，说明项目中有些包在常用仓库是下载不到的，需要到这个指定仓库去下载。在maven的settings.xml中，我们一般这样配置： 使用阿里云的镜像仓库来加速，一般情况下，这样是没有毛病的。
npm run dev报错的解决方法
有问题可关注公众号：前端研究院 后台输入问题回复
04-04 1091
【代码】npm run dev报错的解决方法。
cache failed module status_2019-06-24 解决vue运行时出错
weixin_39656206的博客
12-29 698
错误1：PS E:\IdeaProjects\template\vueAsset> npm run dev> vue-admin-template@3.8.0 dev E:\IdeaProjects\template\vueAsset> webpack-dev-server --inline --progress --config build/webpack.dev.conf.j...
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js sh: webpack-dev-server: command not found
07-11
您好！您遇到的问题是在运行命令时找不到 webpack-dev-server。这个问题通常是因为您没有全局安装 webpack-dev-server 或者它没有被添加到您的环境变量中。 要解决这个问题，您可以尝试以下几个步骤： 1. 确保您已经全局安装了 webpack-dev-server。您可以在终端中运行以下命令来安装它： ``` npm install -g webpack-dev-server ``` 2. 如果您已经安装了 webpack-dev-server，但仍然无法找到它，可能是因为它没有被正确添加到环境变量中。您可以通过编辑您的 shell 配置文件（例如 `.bashrc`、`.zshrc`）将 webpack-dev-server 的路径添加到 `PATH` 变量中。例如，在 `.bashrc` 文件中添加以下行： ``` export PATH="$PATH:/usr/local/bin" ``` 请根据您的实际安装路径进行调整。 3. 如果您使用的是 Windows 操作系统，请确保您的 webpack-dev-server 安装目录已经添加到系统的环境变量中。您可以在系统属性的高级设置中找到环境变量设置。 完成上述步骤后，您再次运行 `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` 命令时就应该能够找到 webpack-dev-server 了。 希望这些解决方案能够帮到您！如果您还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值