解决：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 发布
阅读量1.3k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44162778/article/details/116228620
版权

看下图报错

在这里插入图片描述
是不是专注去找红色框起来的错误解决方法了，反正我是这样

1、换webpack的版本
2、 删node_modules重新install
3、build里面的这个webpack.dev.conf.js的devServer里面加一句inline:false,
都整了，还是报错
然后突然看见了蓝色框的那句 然后我给这句代码注释了
再npm run dev
可以了 嗯。。。

萌新之路
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
浅谈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-server处理跨域请求的方法
08-27
首先，需要在build/webpack.dev.conf.js中添加proxy配置项，这个配置项可以将所有请求代理到指定的网站。例如： proxyTable: { '/': { target: 'http://api.xxx.com', changeOrigin: true, secure: false } } ...
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@1.2.2 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.
weixin_44012027的博客
10-23 4750
Vue 启动报错 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! renren-fast-vue@1.2.2 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the renren-fast-vue@1.2.2 dev script. npm
npm run dev启动过程及npm run serve区别
最新发布
m0_52226803的博客
05-17 807
它是通过在命令行中运行 "npm run dev" 来启动的，实际上执行的是 package.json 文件中的 "scripts" 部分中定义的 "dev" 命令。pnpm（ performant npm ）指的是高性能的 npm，与 npm 和 yarn 一样是一款包管理工具，其根据自身独特的包管理方法解决了 npm、yarn 内部潜在的安全及性能问题，在多数情况下拥有更快速的安装速度、占用更小的存储空间，结合官网给出的性能测试及项目中的使用表现，其具有良好的应用前景。
renren-fast-vue@1.2.2 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.j
qq_40396568的博客
04-20 7341
删除node_modules文件 卸载webpack npm remove webpack-dev-server 重装指定版本webpack npm install webpack-dev-server@2.9.1 这个版本可以参考package.json的字段
关于vscode执行项目时，报错Cannot find module ‘opn‘，vue@1.2.2 dev: `webpack-dev-server --inline --progress --c
weixin_72935819的博客
10-12 808
用vscode执行项目前端代码时发现，报错。
npm报错`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
GongWei_的博客
08-10 2万+
今天刚来公司启动项目就给我报下面的错误 百度一下，通常报这个错的原因是：webpack-dev-server 版本存在问题 解决办法：安装 webpack-dev-server 低版本号 方法一：删除 node_modules 目录，再重新安装依赖包 npm install -S，这样较费时间 方法二： 先卸载当前 webpack-dev-server，指令：npm uninstall webpack-dev-server 下载低版本 指令：npm install webpack-dev-server@2
解决：项目名@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`错误
m0_62567916的博客
07-22 5211
要是serve启动命令为：npm run serve。要是dev 启动命令为：npm run dev。
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
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
10-17
接下来，你需要在`webpack.dev.conf.js`中的`devServer`配置块的末尾添加`before`函数，这个函数会在服务器启动之前执行，用来处理Mock API请求： ```javascript // 假设devServer已经在之前定义过了 devServer: { ...
prerender-plugin:一个Node.js Webpack插件可在单页面应用程序中预渲染静态HTML
05-17
预渲染插件 Node.js / webpack模块/插件可在单页面应用程序中预渲染静态HTML。 什么是预渲染？ Prerendering是预加载页面上所有元素以准备Web爬网程序看到它的过程。... // webpack.config.js or webpack.prod.conf.j
npm install 报错 @1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf..
yehaocheng520的博客
11-11 2万+
npm install 报错 很久没有用过webpack了，猛地一用，果然出问题了。 从git上拉下来的代码，因为没有node_modules包，所以需要先进行npm install 在npm install 的过程中，报错如上图所示。 然后，我没有管它，继续npm run dev或者npm run start这个具体的vue启动的命令可以通过查看package.json文件中的配置。通过下图可以查看到npm run dev与npm run start功能是一样的。 结果在运行时就报错了，完全启动不起来。
Vue 运行 npm run dev 报错 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf..
像风一样自由
07-08 1854
Vue 运行 npm run dev 报错 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js ip的问题。 在vue项目 config /index.js 中的 host 不对。 改成 127.0.0.1 或0.0.0.0 或 localhost 就可以了 我的电脑的host 文件被我改成localhost.charlesproxy.com了。但vue cli默认是localh..
Vue 项目： npm run dev 报错 webpack-dev-server
八月
12-27 1614
从码云上下载vue项目,运行npm run dev 时报错: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 'webpack-dev-server'不是内部或外部命令，也不是可运行的程序 或批处理文件。 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm...
＞ dev ＞ webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
chanyeolchichi的博客
05-13 4502
> dev> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 使用npm run dev 产生了错误。 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 1.查看vue版本 vue -V 4.5.15 2.卸载、安装对应版本we.
vue 项目启动失败 ‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序
阿涩的博客
10-14 5719
'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
vue项目启动时 chatroom@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.c...
boundle_ss的博客
01-13 573
关于npm ERR! chatroom@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` 原因： 这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好。 解决： （1）npm uninstall webpack-dev-server （2）npm install webpack-dev-server@2.9.1 （3）npm run dev ..
npm ERR! renren-fast-vue@1.2.2 build: `gulp`问题解决
分享技术，传播知识!
11-24 1万+
npm ERR! renren-fast-vue@1.2.2 build: `gulp`问题解决renren-fast-vue下载环境说明问题描述问题解决1、第一步是升级gulp到4.02、第二步是修改gulpfile.js文件3、第三步是重新执行生产环境打包命令 renren-fast 是一个轻量级的 Spring Boot 快速开发平台，能快速开发项目并交付【接私活利器】 完善的 XSS 防范及脚本过滤，彻底杜绝 XSS 攻击，实现前后端分离，通过 token 进行数据交互。renren-fast-vu
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
08-24
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js" 是一个在Vue项目中运行开发环境的命令。 这个命令使用了webpack-dev-server来启动一个本地开发服务器，用于实时编译和热重载。--inline选项将webpack的构建消息和编译错误显示在浏览器中，--progress选项显示编译进度条，--config选项指定了webpack的配置文件路径。这个命令可以在你的package.json文件的scripts字段中找到，并被npm run dev命令调用。 如果你在运行npm run dev时遇到报错，可能是因为webpack-dev-server版本存在问题。可以尝试通过安装低版本的webpack-dev-server来解决这个问题。你可以首先删除node_modules目录，然后重新运行npm install命令来重新安装依赖包。或者你也可以使用npm uninstall webpack-dev-server命令卸载当前的webpack-dev-server版本，然后使用npm install webpack-dev-server@2.9.7命令下载指定的低版本。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js](https://blog.csdn.net/qq_18671415/article/details/109306424)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue-cli项目根据线上环境分别打出测试包和生产包](https://download.csdn.net/download/weixin_38643141/13588313)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [npm报错`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`](https://blog.csdn.net/GongWei_/article/details/107907911)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值