创建Vue3项目后语法报错

已于 2022-02-17 15:48:01 修改
阅读量1k 收藏
点赞数
文章标签： vue vue-cli3 前端
于 2022-02-17 15:32:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m1948429907/article/details/122983957
版权
在闲暇时搭建Vue3项目的过程中遇到了代码语法检测错误。通过在Visual Studio Code中安装并配置Vetur插件，具体步骤为：查找并安装Vetur插件，进入扩展设置，关闭`vetur.validation.template`选项，成功消除报错，确保了项目正常运行。
摘要由CSDN通过智能技术生成

碎碎念：闲来无事，搭建一个Vue3项目练练手，搭建完成后发现项目里语法检测报错
在这里插入图片描述

解决方案

Visual Studio Code左侧活动栏找到扩展，搜索vetur（代码格式化插件）
在这里插入图片描述

然后点击管理 => 扩展设置
在这里插入图片描述
搜索vetur>validation>template，取消vetur>validation>template的勾选
在这里插入图片描述
这个时候报错就消失了

牵你右手づ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发避坑7_vue项目运行es6语法报错
weixin_45657411的博客
10-20 1871
开发避坑7_vue项目运行es6语法报错
vue2升级vue3报错
qq_57558631的博客
05-16 453
按照element-plus官网的安装引用步骤，在vue3项目中，引入element-plus，报错 Can't resolve './fonts/element-icon xxxxxxxxxxx' 模块没有找到npm install @element-plus/icons
DEBUG -- Syntax error: “(“ unexpected
qq_45736022的博客
01-24 845
在使用shell命令运行代码的时候，有时会出现syntax error。 例如当运行以下代码时： sh run.sh 会出现报错： Syntax error: "(" unexpected 这是因为linux将sh默认指向了dash，而不是bash，而解决方法也很简单就是使用 bash 而不是 sh，就可以正常运行了，如下： bash run.sh ...
报错Syntax error
DD'Notes
02-12 964
报错Syntax error： https://notes.z-dd.net/2019/11/24/%E6%8A%A5%E9%94%99Syntax%20error/
18.04编译yocto源码问题（基于迅为源码）
mafumafu65的博客
05-27 1005
总结一下18.04编译yocto大概会遇到的问题
编程中遇到syntax error怎么解决？
Sylvia_love_data的博客
02-06 7361
编程是通过代码开发软件的过程，一些初学者在学习过程中遇到不少错误，其中syntax error错误出现在最为平常，那么syntax error错误是什么意思，要怎么解决呢？C语言调试中syntax error错误的意思“语法错误”，也就是大家在输入代码过程中输入错误的语句，是你的程序发生了语法上的错误。因此，遇到syntax error报错后，检查代码语法（拼写或符号等）是否有误，更正即可。
写给新手webpack打包Ts反复失败的解决方法
vvppcc的博客
06-29 2360
webpack 打包 新手 简单 包会
Error: Debug Failure at typeToString
weixin_33796205的博客
11-07 1236
错误详情如下: ERROR in : Error: Debug Failure. at typeToString (F:\work\angular\web-ide\node_modules\typescript\lib\typescript.js:28777:22) at reportRelationError (F:\w...
Mac OS解决 ORA-21561: OID generation failed
weixin_42331851的博客
09-11 515
本人的是macOS，今天用 Navicat 连接 Oracle 数据库发现无法连接，报 ORA-21561: OID generation failed 错误 解决过程 1.打开终端，输入 hostname 查看 hostname 发现 hostname 是 bogon 而不是 localhost 2.查看 hosts 文件，在终端输入 cd /etc open hosts 内容为： 所以，无...
FAILURE: Build failed with an exception
09-21 1万+
错误一:FAILURE: Build failed with an exception.* What went wrong: Execution failed for task ':tvideo:makeJar'. > java.io.IOException: Can't read [C:\Program Files (x86)\Java\jdk1.8.0_45\jre\lib\rt.jar] (N
上传jcenter的“第一次”所遇到的坑
xingshen58的专栏
06-12 7572
把自己的项目开源给外界或者自己的团队，使用jcenter是一个不错的选择。在bintary.com上新建项目时，如果选择私有的话，是要收费的。开源项目管理网站的惯用作法。 现在就来记录我第一次上Jcenter时所遇到的坑，过程稍有挫折，但是结果是肯定的，美好的，就像每个人的“第一次”一样的，你懂的。。 参考：http://blog.csdn.net/lmj623565791/article/d
Module build failed (from ./node_modules/eslint-loader/index.js)
热门推荐
大强博客
06-11 8万+
错误信息： D:\study\vue\vuesaxvuejs-210\vuesaxvuejs-210>npm run serve > vuesax-vuejs-dashboard-admin-template@2.1.0 serve D:\study\vue\vuesaxvuejs-210\vuesaxvuejs-210 > vue-cli-service serve I...
Vue + TypeScript + Element 项目实践(简洁时尚博客网站)及踩坑记
weixin_34056162的博客
03-31 3016
前言 本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目，并在此过程中踩过的坑 。 TypeScript 具有类型系统，且是 JavaScript 的超集，TypeScript 在 2018年 势头迅猛，可谓遍地开花。 Vue3.0 将使用 TS 重写，重写后的 Vue3.0 将更好的支持 TS。2019 年 TypeScript 将会更加普及，能够熟练掌握 TS，并使用 ...
Vue-cli3 取消ES6语法检测
weixin_42612454的博客
09-01 1322
昨天接手了一个别人写的vue项目，使用的是Vue-cli3脚手架和ES6语法，项目中启用了语法检测，但是之前的开发小哥并没有完全遵循语法去写，导致控制台多处报错（吐槽：ES6语法检测也太严格了，连缩进几格都会报错）。 因为报错的地方太多了，所以就没想着去一个个改，既然解决不了问题，那就把提出问题的解决了吧。 于是， 在package.json加入以下代码，重启项目。 "eslintIgnore": [ "*" ] ...
webstorm中es6语法报错，.vue文件中es6语法报错
贝西奇谈
02-12 937
1.安装vue插件，安装方法： 　File–> setting --> plugin，点击plugin，在内容部分的左侧输入框输入vue，会出现1个关于vue的插件，点击安装即可。安装完成后，就可以看到，新建文件时，会有vue文件的提示。（如果没有提示说明没有vue插件，下边有安装方法） 　 　2:vue 使用的是es6语法， 所以要将javascript的版本改成es6 步骤：s...
java+Eclipse中的常见错误提示Syntax error, insert “；“ to complete LocalVariableDeclarationStatement
m0_68384650的博客
08-12 3222
java+Eclipse中的常见错误提示Syntax error, insert ";" to complete LocalVariableDeclarationStatement
vite创建vue3项目报错
最新发布
09-16
vite创建vue3项目报错是因为项目中的内容包含了无效的JavaScript语法，导致解析失败。为了解决这个问题，你可以按照以下方法进行操作： 1. 首先，确保你已经全局安装了`create-vite-app`，可以使用命令`npm install...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值