vue中vue-cli项目各种报错

已于 2023-04-25 15:47:28 修改
阅读量451 收藏 1
点赞数
文章标签： vue.js javascript 前端
于 2023-04-24 14:13:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42396791/article/details/130341565
版权

目录

sockjs.js报错

[WDS] Disconnected报错

假如有以上报错，首先看下index.html有没有这句

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

是限制资源获取：限制网页当中一系列的资源获取的情况，从哪里获取，请求发到哪个地方

把他删除，基本上就已经解决所有问题，如果不行往下看，比较次的战略，不建议，最好从源头处理

sockjs.js报错

解决办法

1.找到/node_modules/sockjs-client/dist/sockjs.js

2.在1620行，注释掉self.xhr.send(payload);这一行，然后就可以解决了

[WDS] Disconnected报错

解决办法

1.找到\node_modules\@vue\cli-service\node_modules\webpack-dev-server\client\index.js

2.在172行，注释掉log.error('[WDS] Disconnected!');这一行，然后就可以解决了

WebCsDn_TDCode
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
安装vue-cli报错 -4058 的解决方法
08-29
主要介绍了安装vue-cli报错 -4058 的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
vue-cli报错
weixin_44321360的博客
04-22 1351
npm cache clean --force # 清理缓存 npm install # 或者 cnpm install （install后面不加任何内容） npm update # 或者 cnpm update （建议选择cnpm(国内镜像源)） 再次运行项目 npm run serve
vue-cli搭建过程出错问题总结
MJ1314MJ的博客
10-11 364
Vue-cli搭建出错 1：eslint语法限制项目报错解决办法 经过百度查询，原来eslint是一个语法检查工具，但是限制很严格，在我的vue文件里面很多空格都会导致红线(红线可以关闭提示)，虽然可以关闭，但是在编译的时候老是会跳出来，所以能关闭是最好的了。 关闭方法：在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关eslint的规则 2：重定向错误 {path: ‘/’,redirect: ‘/home’}写错成 {path: ‘
vue-cli经常报错的问题目录
weixin_46483221的博客
06-02 221
一、 There are multiple modules with names that only differ in casing. 这个情况是如果多出引用的组件 有一个地方的引用地址的大小写肯定是写错了 检查一下 二、vue渲染iconfont vue渲染iconfont的时候，用unicode。 四、预览打包后的文件 vue-cli打包build出来的dist文件夹，如果直接用本地文件的形式打开，是没有效果的。可以使用本地服务器，最简单的一种就是基于node.js的http-server，使用起来也
webpack-dev-server@2.11.5@webpack-dev-server/client/index.js错误
yijie_0_的博客
05-08 7299
今天运行vue项目遇到的一个问题，查了很久百度还是没有查到原因 最后一个一个文件排查，在webpack.base.conf.js找到了配置没有安装的插件，把下方注释掉就好 解决答案：查出没有安装的插件但又引用了的 ...
VueCLI5.X版本构建项目(打包)本地打开报错
sunddy_x的博客
05-25 948
报错截图： 报错分析： 跨源请求只支持协议方案:http, data, chrome, chrome-extension, chrome-untrusted, https。 解决方案： 1、把项目部署到服务器 2、在vscode安装插件Live Server 在html文件右键打开： 其他：在vue-cli5之前的版本中，打包项目是可以本地打开的，只要在vue.config.js 中配置 publicPath 选项，但是在vue-cli5中无效。查看了打包文件后，发现vue-cli5打包的in
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
如果您还没有使用vue-cli 3.x创建的项目： vue create my-app 导航到新创建的项目文件夹，然后添加cli插件。 在安装之前，请确保确认您当前的更改，以备日后还原。 cd my-app vue add quasar 它将询问您是否要该...
vue-cli项目修改文件热重载失效的解决方法
10-17
今天小编就为大家分享一篇vue-cli项目修改文件热重载失效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue npm启动项目报错 webpack-dev-server
zanxin0331的专栏
05-26 517
换了电脑重新装vue脚手架。一样的步骤突然报错 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序。 查了各种方法说什么 node.js版本太新不兼容或者删了node_module文件重新install一下，再有提示(use `npm audit fix --force` to install breaking changes; or refer to `npm audit` for steps to fix these manually)需npm audit fix下再n.
Vue启动报错
weixin_43825423的博客
07-14 1149
Vue启动报错 今天在运行Vue项目时，在运行npm run dev时报错如下图： 百度了一下，可能有以下3个原因： 情况一： 路径不对，vue init webpack my-project时，又建立一个文件夹,取不到对应的package.js中的dev. cd 到对应文件夹，重新运行npm run dev 情况二： 还有一种情况，打开的是当前文件夹，但是文件夹package.js里的scripts确实没有dev, 输入vue init webpack 将package.json中丢失的： “dev
@ multi ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/client?http://localhost:8080 w
肖肖的博客
10-30 2050
/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/views/404.vue 4:14-446 13:3-17:5 14:22-454 @ ./src/views/404.vue @ ./src/router/index.js @ ./src/main.js @ multi ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/clie
vue3 Content Security Policy: 升级不安全的请求,强制跳转https问题
时越的博客
09-02 2624
连接vue3 js css等文件自动连接https 去掉index.html <meta http-equiv=Content-Security-Policy content=upgrade-insecure-requests> 这个设置会把http强制跳转到https
项目运行报错：Cannot find module ‘@vuecli-shared-utils‘
颜良文丑的博客
10-31 6332
运行vue项目的时候出现报错Cannot find module ‘@vue/cli-shared-utils‘，之前还都一切正常。怎么就报错了？
[plugin:commonjs] Unexpected ‘/‘. Escaping special characters with \ may help.错误分析
m0_60125691的博客
04-06 1074
错误原因：样式表里使用了//作注释 解决办法：把‘//tab样式’去掉就可以了 补充：css中注释使用‘/**/’
安装vuecli时出现错误解决
热门推荐
yzqaq123的博客
08-03 1万+
安装vuecli时出现错误解决 如果你是安装vuecli时遇到了问题，那你肯定安装vuecli之前首先得下载安装好nodejs并且配置好环境，怎样安装配置nodejs就不说了，网上教程很多。 这两天遇到问题看了很多博客，vuecli安装失败有很多，我也只能说几个我看到的能解决的。 问题一 可能是nodejs没安装好导致npm无法正常使用 解决方法： 打开控制台，输入以下命令: 1.输入下面两条命令，如果出现了版本号说明nodejs安装成功。 C:\Users\Myq>node -v v16.6.0
VUE + IE 语法错误 sockjs-client.js
LEON_RAY
02-16 628
重新安装sockjs-client版本。
vue-cli 3.4版本的vue项目,修改运行端口号，适用于新的vue目录结构
godelgnis的博客
03-22 5357
我用3.4版本的vue-cli构建了一个vue项目，然后我想修改项目运行之后的访问端口 在网上查了一下，很多都是2.0+的版本，查来查去都说是什么在 config目录下index.js文件中修改端口号。。。。。。。 都抄来抄去的 新的vue项目目录结构下并没有config文件夹 只好自己找，我们先运行项目 发现项目运行了这样的一个命令 百度一下,进入官网 ...
启动项目时报错vue-cli-service
最新发布
09-02
- *3* [vue 3 项目运行中报错 vue-cli-service serve](https://blog.csdn.net/kklovablekk/article/details/122822763)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WebCsDn_TDCode

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值