webpack-dev-server 运行报错

最新推荐文章于 2024-06-04 11:31:39 发布
最新推荐文章于 2024-06-04 11:31:39 发布
阅读量453 收藏
点赞数 2
分类专栏： vue 文章标签： vue.js node.js webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wujinpengjiusan/article/details/109763859
版权

这个问题我看了网上很多方法，评论里有些同学是解决了的有些依旧报错。

因为我的webpack是局部安装的，怕影响到我其他项目的版本。看了解决方案有说是需要重新安装全局，然后踩坑了还是没用。

后来我自己研究了一下发现我的webpack 和webpack-cli 版本过高导致识别不到webpack-dev-server。

在这里插入图片描述
然后我把node_modules依赖删除，把webpack版本改成了图上的版本号 重新执行了npm install 然后就成功了

在这里插入图片描述

pursuePeng
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
运行webpack-dev-server报错
ChrisJin的博客
07-21 499
项目场景： package.json依赖： 问题描述： 运行webpack-dev-sever报如下错误： Cannot find module 'webpack-cli/bin/config-yargs' 解决方案： 百度之后都是说webpack-cli 4.x与webpack-dev-server 3.x版本不兼容。需要将webpack-cli 4.x降低到webpack-cli 3.x 方案一 解决方案如下： 卸载webpack-cli 4.7.2, 安装webpack 3.3.12（3.X最高
webpack 使用webpack-dev-server 报错
enternal07的专栏
05-25 1265
使用webpacke 版本 5.23.0 ✖ ｢wds｣: Invalid configuration object. Webpack has been initialised using a configuration object that does not match theAPI schema. - configuration has an unknown property 'mode'. These properties are valid: object { amd?, bail...
安装webpack时报错及解决的办法
qq_51464863的博客
02-17 1万+
本人是个新手，是跟着教程进行node的安装，安装成功后进行webpack安装时报错，也找了很多贴子都没有解决，后来误打误撞成功了。希望对一些新手起到帮助。 我的报错是这样的： 解决 方法一：在c盘找到 用户->找到.npmrc这个文件，将他剪贴到安装node文件下的node_modules下的npm下。（记得删除node_modules里的.npmrc）。 图解： 将图中文件 剪贴到 就over了。 方法二（没有尝试，应该可以）： 直接将node_modules
axios请求错误处理Uncaught runtime errors:handleError@webpack-internal:///./node_modules/webpack-dev-server
热门推荐
weixin_46525113的博客
05-25 2万+
axios请求错误封装处理，全屏弹出Uncaught runtime errors:handleError@webpack-internal:///./node_modules/webpack-dev-server控制台也会全部展示
【webpack】配置时的常见报错处理
qq_32768761的博客
05-11 2255
【webpack】配置时的常见报错处理... 【持续更新新问题及方案】
vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack
weixin_38345306的博客
10-30 1万+
vue前端页面弹出红色遮罩层错误 Uncaught runtime errors:×ERROR Unknown promise rejection reason at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58) at eval
Uncaught TypeError: Illegal constructor at Function.Vue.use (webpack-internal:///./node_modules/
qq_52915322的博客
11-17 3544
完整引入 element-ui 出错 少了一行代码
详解Vue项目在其他电脑npm run dev运行报错的解决方法
12-11
并使用 npm run dev 或 npm run start 发生以下报错的解决方法。 报错原因 缺少 node_modules 里面的依赖。在项目目录下使用 npm install 然后再 npm run dev。 如果在这一步当中， npm install 执行的过程中，...
解决vue-cli + webpack 新建项目出错的问题
11-29
针对这个问题，用户采取的解决方案是卸载新版本的`webpack-dev-server`并安装特定的老版本（`webpack-dev-server@2.9.1`）。这是因为某些新版本可能存在已知的bug，导致无法正常工作。通过降级到稳定的老版本，可以...
vue-cli 项目打包完成后运行文件路径报错问题
12-10
devServer: { open: process.platform === 'darwin', host: '0.0.0.0', port: 8080, https: false, hotOnly: false, // 其他配置... }, }; ``` 在这个配置中，`outputDir` 指定了打包后的输出目录，`...
关于Vue项目跨平台运行问题的解决方法
12-03
> NODE_ENV=development webpack-dev-server –open –inline –hot   ‘NODE_ENV’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! ubillt
webpack-internal:///./node_modules/vue/dist/vue.esm.js:629 [Vue warn]: Invalid prop: type check fail
老段的CSDN的博客
01-04 6948
二级标题webpack-internal:///./node_modules/vue/dist/vue.esm.js:629 [Vue warn]: Invalid prop: type check failed for prop “dataSource”. Expected Array, got String with value “”. found in 这种报错 应该怎么修改 1、首先f12看一下我们报什么错 这个错 一看就是 data（）{ 这里边的错 } 换完以后还是报错， 改完一个错基本都
ERROR [object Object] at handleError (webpack-internal:///./node_modules/webpack-dev-server/clie
最新发布
qq_33240556的博客
06-04 702
这看起来像是与webpack-dev-server相关的错误。通常情况下，这会发生在您的JavaScript代码或配置出现问题时。：如果您正在使用webpack-dev-server，请检查其配置选项。：如果您无法找出问题所在，尝试在线搜索特定的错误消息。：检查您浏览器的开发者控制台是否有其他错误消息。有时，由于依赖项过时或不兼容，可能会导致错误。如果您提供有关您的项目设置和具体错误消息的更多细节，我可以提供更有针对性的建议！：查看错误消息中提到的行附近的代码。确保它们已正确设置，并且配置中没有错误。
Vue3+Cesium：报错Request has failed. Status Code: 404 at handleError
weixin_54937289的博客
11-26 1325
1 直接复制node_modules/cesium/Build/Cesium/下的四个文件夹到public文件夹下，然后引入的css的时候直接引入，注意不要用相对路径，记载不出底图！废话：对于入门Cesium，我的经验就是把官网的例子弄清楚，因为网上的教程实在难以看到非常详细，而且有点乱，所以官网才是最详细的，但却是英文（头疼）。官网上有特别说明配置问题，问题很大可能就是出现在这，引入资源错误，这里有说到需要复制文件，有以下两种解决方法。然后在配置文件vue.config.js引入并配置。
vue-router 路由跳转 解决跳转到当前路由报错问题
misschengispink的博客
02-16 2176
在vue项目中 当路由跳转当前页面时会报错 vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/". at createRouterError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2066:15)
vue项目常见错误及解决方法
Fxhani的博客
11-29 2万+
vue常见错误解决 1、Error in render: “TypeError: Cannot read property ‘list’ of undefined” **报错：**渲染错误：“未定义的Type Error：无法读取属性”列表 **原因：**没给list定义，也就是说在temple中用到list了，但是在data中没定义这个字段，如果已经定义了但是还是报错，请检查下自己是否拼错了单词...
element-plus 报错 ResizeObserver loop limit exceeded 解决
陈福国的博客
07-15 3982
错误是由 webpack引起的，出现在webpack-dev-server的overlay.js文件中。这个错误通常是由于观察元素的大小变化导致的循环问题。要解决这个问题，很简单。
Error: Cannot find module '\webpack-dev-server\bin\webpack-dev-server.js'
03-08
当你在命令行中运行webpack-dev-server时，它会尝试在node_modules目录下查找webpack-dev-server模块，如果找不到就会报错。 解决这个问题的方法有几种： 1. 确保你已经在项目中安装了webpack-dev-server模块。可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值