Vue报错

已于 2022-10-28 19:51:21 修改
阅读量2.6k 收藏
点赞数
文章标签： 前端 vue.js
于 2022-10-28 19:09:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43891918/article/details/127573379
版权

1. error  Unnecessarily quoted property 'Authorization' found  quote-props

解决方法：将key值引号去掉

 2. ["Authorization"] is better written in dot notation  do

 解决方法：将 config.headers.common.Authorization = localStorage.token中的common去掉

3.Parsing error: duplicate-attribute  vue/no-parsing-error（分析错误：重复属性vue/no分析错误）

 解决方法：在同一个标签中使用了重复的元素，（没有注意到已经写了）

 

荔枝鲤
关注
Vue3 - 解决打包报错SyntaxError:At least one ＜template＞ or ＜script＞ is required in a single file component.
王二红
09-10 7647
vue3，报错，打包，build，提示错误，vite，vue3打包，vue报错，errorduringbuild:SyntaxError:Atleastone＜template＞or＜script＞isrequiredinasinglefilecomponent.，详细解决方案，如何快速定位空文件，项目中存在空的文件导致的，都检查了没问题，找不到空白文件，如何找到缺少template的vue文件，不显示错误文件怎么排查，不知道报错的地方在哪，vue3启动报错，如何解决这个问题
vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块）
XSL_HR的博客
12-26 1万+
vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块）
Parsing error: duplicate-attribute vue/no-parsing-error.
Matutinal的博客
11-21 3951
Parsing error: duplicate-attribute vue/no-parsing-error. 在给 标签加样式的时候，提示的这个问题： 解决： 原因是在同一行里设置了两个style。因为写到后面想回来加样式，由于屏幕分栏溢出遮挡了原先写的style，就没看到原来的style。 ...
vue配置.eslintrc、.prettierrc详解
最新发布
局外人LZ的博客
03-27 1205
ESLint 是一个用于识别和报告 JavaScript 代码中潜在问题的静态代码分析工具。它可以帮助开发人员和团队维护一致的代码风格，减少错误，并确保代码质量。以下是 ESLint 的一些关键特点和功能：1.静态代码分析：ESLint 通过扫描 JavaScript 代码并应用一组配置的规则来进行静态代码分析。它可以检测代码中的潜在问题，例如语法错误、不一致的代码风格和常见的错误模式。2.可配置性：ESLint 允许开发人员根据其项目需求和偏好定制规则集。
vue3打包 Build failed. Please check the error message......syntaxerror: duplicate attribute
qq_38906921的博客
12-06 576
然后我想到查看昨天提交的代码记录，结果发现了问题的所在。原来在全局替换时，我在多个文件中的标签中重复使用了一个class属性。经过删除该重复属性并重新打包后，问题终于解决了。或许不是所有人都是同一样的问题，没准你是其他重复了呢😈。所以记录下来，希望能对各位大佬有所帮助。起初，我以为这个问题是由依赖出现了错误所导致的，我尝试了删除并重新安装，但问题仍然存在，让我感到非常困惑，搞了好久没有一点效果。昨天打包还好好的，今天提交代码重新打包之后，发现了一堆报错。
02-遇到的问题Vue控制多个下拉列表和问题duplicate attribute: @click
anxikang5491的博客
06-22 1902
编程的时候想实现鼠标经过两个div的时候分别显示不同的下拉列表，在组件中设置了show:false和@mouseenter=“xxxShow” @mouseleave=“xxxClose”,但是这时候当鼠标经过一个div的时候所有的下拉列表都会显示，在解决这个问题的时候我只想到了再设置两个函数xxxShow2和xxxClose2但是这样问题还没解决，我忘了再给一个show2:false...
vue学习报错
weixin_58321767的博客
04-16 1279
vue常见错误
创建项目时VUE报错的解决办法
02-25
### 创建项目时Vue报错的解决办法 #### 问题背景及描述 在使用Vue.js进行前端项目开发的过程中，有时会遇到创建新项目时出现错误的情况。这类问题可能会导致项目初始化失败，进而影响到后续的开发进度。本文将针对...
OrdosX#blog#electron-vue报错process-is-not-defined的解决方法1
07-25
首先打开.electron-vue/webpack.renderer.config.js，在大约第125行的new HtmlWebpackPlugin中任意位置
前端报错duplicate attribute
qq_45780380的博客
12-09 1万+
前端报错duplicate attribute 当出现这个错误的时候就预示着同一个属性在一个标签对里面重复出现了两遍，删掉一个就好了。
vite-plugin-vue2:Vite的Vue2插件
03-31
vite-plugin-vue2 用法 运行yarn add vite-plugin-vue2 --dev 将插件添加到vite.config.js // vite.config.js const { createVuePlugin } = require ( 'vite-plugin-vue2' ) module . exports = { plugins : [ createVuePlugin ( /*options*/ ) ] , } vueTemplateOptions 类型： Object 默认值： null @vue/component-compiler-utils 。 jsx 类型： Boolean 默认值： false jsx转换的选项。 jsxOptions 类型： Object @vue/babel-preset-jsx 。 去做 SSR构建 源图
hbuilderX运行Vue3/Vite版项目报错 error during build 解决方法
舜岳的博客
08-02 6458
m1pro编译vite/vue3cli项目时编译报错。
Parsing error: duplicate-attribute.eslintvue/no-parsing-error,Eslint如何添加两个@Click事件
weixin_54048131的博客
05-05 432
今天敲代码遇到了两个bug Eslint直接写两个@Click事件出问题了 用分号;隔开就行了
vue项目报错：[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue
gao_jun1的博客
10-06 1万+
一、问题描述 在编写vue的template模块时，会报出红线上的错误，但是在正常情况下又不影响项目的正常运行，但是就是看着有些难受。 二、解决方法 1、在vscode的左下角找到设置的按钮，点击设置 2、在搜索框中搜索 Vetur>Validation:Template ，将这一项的勾选去掉即可。 ...
vue 使用 eslint 报错 [vue/no-parsing-error] Parsing error: x-invalid-end-tag.
热门推荐
Amy的博客
07-19 4万+
项目环境及编辑器 项目框架：vue iview 编辑器：vscode 错误提示 见下图：[vue/no-parsing-error] Parsing error: x-invalid-end-tag. 原因 Col components are wrong in eslint-plugin-vue 解决办法 以下三种办法都能搜出来，这里做个总结以及记录遇到的问题： 作者给出的办法 关闭...
vue项目报错[vue/no-parsing-error]\nParsing error: x-invalid-end-tag."解决方法
ha_yayuan的博客
03-26 4106
vscode里面选择 设置 搜索 vetur.validation.template 把对勾去掉
使用iview ui库 [vue/no-parsing-error] Parsing error: x-invalid-end-tag报错
初心 - 杨瑞超个人博客
02-28 4045
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 错误截图： 错误原因： iView将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。 解决方案： 打开设置，搜索“vetur.validation.template”，设置完毕之后记得重启vscode噢~ ...
vue报错弹窗怎么关闭
07-14
要关闭Vue报错弹窗，你可以按照以下几个步骤进行操作： 1. 确定报错弹窗是由Vue提供的错误提示框，而不是浏览器自身的错误提示框。Vue的错误提示框通常会显示在开发者工具的控制台中。 2. 打开浏览器的开发者工具，通常可以通过按下F12键或右键点击页面并选择“检查元素”来打开。 3. 在开发者工具的控制台中，查看报错信息并尝试解决报错。根据报错信息，你可以定位到代码中可能存在问题的位置，并进行修复。 4. 修复代码中的错误后，刷新页面，查看是否还会弹出报错弹窗。如果问题已解决，报错弹窗应该不再出现。 如果以上步骤无法解决问题，可以尝试以下方法： 1. 在Vue项目的入口文件（通常是main.js）中，添加以下代码来禁用Vue的错误提示框： ```javascript Vue.config.errorHandler = function(err, vm, info) { // 阻止错误弹窗显示 console.error(err); }; ``` 这样设置后，错误信息将只会打印到控制台，而不会弹出报错弹窗。 2. 如果你使用的是Vue的开发版本，可以尝试切换到生产版本。开发版本会有更多的错误提示信息，而生产版本会更加精简，不会弹出错误提示框。 希望以上方法能帮助你关闭Vue报错弹窗。如果问题仍然存在，建议提供更详细的错误信息和相关代码，以便更好地帮助你解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值