解决vscode中vue文件提示typescript语法报错

已于 2022-05-26 12:01:11 修改
阅读量2.9k 收藏 1
点赞数 2
分类专栏： 前端工作经验笔记 文章标签： vscode typescript javascript
于 2022-05-26 11:56:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Li9527999qq/article/details/124981883
版权

vscode出现下面这个问题时:

TypeScript intellisense is disabled on template. To enable, configure \"jsx\": \"preserve\" in the \"compilerOptions\" property of tsconfig or jsconfig. To disable this prompt instead, configure \"experimentalDisableTemplateSupport\": true in \"vueCompilerOptions\" property

在这里插入图片描述
在这里插入图片描述

在jsconfig.json文件下输入红框框的内容，然后问题就解决了
在这里插入图片描述
还有其他方法解决

干货|如何在项目中使用TypeScript
xxxzzzqqq_的博客
03-11 1728
我们都知道，JavaScript是一门非常灵活的编程语言，这种灵活性一方面使得它成为最受欢迎的编程语言，另一方面也使得它的代码质量参差不齐，维护成本高，运行时错误多。TypeScript是添加了类型系统的JavaScript适用于任何规模的项目。TypeScript的类型系统在很大程度上弥补了JavaScript的缺点。类型系统按照「类型检查的时机」来分类，可以分为动态类型和静态类型动态类型是指在运行时才会进行类型检查，这种语言的类型错误往往会导致运行时错误，我们熟悉的JavaScript。
Vscode工具开发Vue+ts项目时vue文件ts语法报错-红波浪线等
zangzh的博客
03-12 609
vscode开发vue项目，vue文件中ts语法报错问题
vscode开发vue3（typescript）项目错误提示处理
choorn的博客
09-19 2857
2、关于typescript类型错误，这类错误网上搜到的方法都不太好用，这是因为有些方法是通过设置，关闭了提示。1、引入一些包后报错，如引入elment plus中文资源包或安装qs（解决传参格式不正确）包。在此信息中提示在.d.ts文件中加入declare module 'element-plus/dist/local/zh-ch.mjs。
【TypeScript】页面上没有报错，main.ts在vscode中报错
m0_59422170的博客
06-19 274
main.ts在vs code中报错，在扩展中输入 @builtin type 禁用（工作区）
TypeScript 在VSCode上进行编译报错解决
qq_41962532的博客
03-10 1343
TypeScript 在VSCode上进行编译报错解决
使用vite工具创建Vue.js 3.0项目，启动项目时报错js语法错误
m0_46829545的博客
05-20 2389
使用vite工具创建Vue.js 3.0项目，启动项目时报错js语法错误
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
10-14
这个错误提示通常出现在使用Vetur插件进行类型检查时，表明在Vue组件的模板中尝试访问一个不存在的属性。本文将深入探讨这个问题的原因和解决方案。 首先，让我们理解这个错误信息。`CombinedVueInstance`是Vue.js...
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly…Vetur（2339）
11-19
VSCode 中 Vue 项目报错 Property...解决 VSCode 中 Vue 项目报错 Property ‘xxx‘ does not exist on type ‘CombinedVueInstance…Vetur（2339）需要我们正确地配置 Vetur 插件，并掌握解决错误和问题的方法和技巧。
VScode配置ESLint检测语法
m0_56347363的博客
03-14 2784
eslint失效：导致两种效果：1.格式错误不报红，列如：代码前多空格。2.no quick fix，缺少eslint fix 指令，快速寻找并解决问题。在根目录下的.vscode下的settings.jsonCtrl + Shift + P”打开命令面板选择“中加入如下代码可以解决.eslintrc.js配置.eslintignore配置。
最新 Vue3、TypeScript、组合式API、setup语法糖 学习笔记
qq_33365152的博客
02-18 1317
最新 Vue3、TypeScript、组合式API、setup语法糖 学习笔记
vscode装饰器报错以及解决方案
weixin_44763349的博客
07-27 2716
解决react中装饰器@编译和警告的问题 第一步 如果使用的编辑器是vscode,可以打开设置，搜索Experimental Decorators，启用，编辑器将不会报错。该步骤解决编辑器波浪线警告，如果设置了jsconfig.json或者tsconfig.json文件，将覆盖此设置。 第二步 解决项目编译的报错 (1)安装 @babel/plugin-proposal-decorators; npm i @babel/plugin-proposal-decorators 或者 yarn add @babe
解决在vscode里js代码报ts的语法错误
Tqlsecret的博客
05-05 1320
File -> Preferences -> settings里搜索validate, 去掉下面这个 √ 就好了。明明写的代码没问题，可是就是有红色波浪线，并且提示错误如下。
关于：‘import type‘ declarations can only be used in TypeScript files.Vetur(8006)
shuangxiuqingshe的博客
07-18 531
和 "typescript.validate.enable": false,两段代码。但是都没有解决上述问题，再一次检查后发现是因为 <script lang= "ts" setup name="XXX"> </script>写成了。遇到这个问题时我们尝试了各种方法，包括问GPT、写。
在vscode的终端上执行编译typescript指令报错的解决方法
AngieLife
05-25 3019
最近在学习typescript，然后在写代码测试的过程过发现vscode对typescript的支持蛮好的，typescript的代码是不能直接被浏览器识别的，需要用tsc xx.ts的指令编译成js代码才行，结果在终端中输入编译语句时报如下错误tsc : 无法加载文件C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅http://go.microsoft.com/fwlink/?LinkID=1351
vscode 格式化prettier失败出现一大堆错误
qq_17859117的博客
03-09 1330
如题，使用vscode开发项目时候，会自动进行格式化【安装prettier插件】但是有时候会出现格式化失败的情况，如果插件安装正确，则可能是代码出现了格式问题。
解决vscode中js文件提示typescript语法报错
热门推荐
chi1130的博客
09-11 2万+
前言 最近在vue项目中，全局安装了一下typescript，再看看vue项目代码就有一大堆ts提示错误 然后网上一搜也没啥好答案 ～例如： ❌❌解决办法：在设置里面加上 “javascript.validate.enable”: false 禁用默认的 js 验证 这样禁用那我js写错了都不知道。。。 正解 ～设置中搜索tsconfig ->Check JS Experimental De...
使用VSCode调试 javascript/typescript 的一个技巧
weixin_34376986的博客
01-11 819
vscode中有个调试功能，配置文件tsconfig.json里面有个参数program用来指定调试代码的入口文件，有些项目的入口文件是写死的。而有时候在项目写个代码想单独debug一下还要改参数，debug完之后还要改回去，比较麻烦。那其实这个参数可以指定为${file}，意思是当前文件。那么只需要打开你要debug的文件，然后点击调试...
vue.js使用typescript踩坑记
weixin_30486037的博客
03-21 541
最近在把https://github.com/renrenio/renren-fast-vue这个项目转为typescript，在此记录一下遇到的小坑 name坑：属性该怎么给？ 声明文件坑：如何解决不认识的对象\方法？ name坑 原代码如下图 <script> import SubMenu from './main-sidebar-sub-me...
TypeScript开启
m0_62962469的博客
11-27 2573
这里在使用ts里的变量的时候，产生一个问题，同一个文件夹下(其实不同文件夹下也会产生这样的问题)的t不同s文件怎么会产生重名问题，是因为在一个没有任何设置的普通项目中，vscode编辑器会把当前打开的 ts 文件当作一个整体的作用域进行验证。这里的w是watch的意思，输入这样的命令之后，会帮助我们监视该ts文件，当该文件内容发生变化之后，会帮助我们在一定的时间间隔之后自动编译ts文件。通过类型声明可以指定ts中变量（参数、形参）的类型。当对变量的声明和赋值时同时进行的，TS编译器会自动判断变量的类型。
vscode 写vue提示Identifier expected.javascript
最新发布
04-03
### 解决 VSCode 编写 Vue 时出现 'Identifier expected' 的 JavaScript 语法问题 在开发过程中遇到 `Identifier expected` 错误通常是因为代码中的某些部分不符合 JavaScript 或 Vue 的语法规则[^1]。以下是可能导致该错误的原因以及解决方案： #### 可能原因分析 1. **模板字符串未正确闭合** 如果你在使用反引号（`` ` ``）定义模板字符串时忘记闭合，编译器会抛出此错误。例如： ```javascript const message = `Hello, world!; // 缺少右反引号 ` ``` 这种情况下需要确保每一对反引号都已正确匹配。 2. **Vue 单文件组件内的语法错误** 在 `.vue` 文件中，如果 `<script>` 部分存在不完整的表达式或者缺少必要的括号/逗号等符号，则可能触发此类错误。比如： ```javascript data() { return { name: 'John' age: 30 // 此处缺少逗号 } } ``` 3. **插件配置不当** 若 VSCode 中安装的相关扩展（如 Vetur、Volar 等）未能正常工作或版本过旧，也可能引发解析异常并报告类似的语法错误[^2]。 4. **Babel 或 TypeScript 配置冲突** 当项目依赖 Babel 转译现代 JS 特性或将语言设置为 TS 类型检查模式下运行时，任何细微的书写失误都会被放大显示出来作为致命缺陷对待[^3]。 #### 排查方法与修复建议 - 检查所有涉及动态嵌入 HTML/CSS 的地方是否有遗漏字符现象发生； - 更新至最新稳定版编辑工具及其配套资源包以获得更好的兼容性和性能表现； - 审视 package.json 文件里关于预处理器选项的具体声明是否合理合法； ```json { "devDependencies": { "@vitejs/plugin-vue": "^4.x", "typescript": "~5.x" }, } ``` - 对于复杂逻辑结构采用更直观清晰的方式重构简化处理流程减少潜在隐患点的存在几率。 通过上述调整应该可以有效缓解乃至彻底消除 “identifier expected” 报错情况的发生频率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值