You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Nuxt3中禁用TypeScript代码检查?

在Nuxt3中使用JSX但禁用TypeScript检查的方案
  • 直接调整script标签的语言属性
    将原来的<script lang='tsx' setup>替换为<script lang='jsx' setup>,这样既可以正常编写JSX语法创建虚拟DOM,又会以JavaScript模式运行,不会触发TypeScript的代码检查。

  • 确保JSX支持正常配置
    如果替换后出现JSX语法解析问题,可在nuxt.config.ts中添加Vite的JSX配置(Nuxt3默认集成了@vitejs/plugin-vue-jsx,一般无需额外安装依赖):

    export default defineNuxtConfig({
      vite: {
        vueJsx: {
          // 按需配置JSX特性,比如开启transformOn将onClick转为click,或mergeProps合并属性等
          transformOn: true,
          mergeProps: true
        }
      }
    })
    
  • 验证效果
    编写JSX代码后,检查编辑器是否不再弹出TypeScript相关的错误提示,同时运行项目确认JSX组件能正常渲染。

内容的提问来源于stack exchange,提问作者Aman Ghanghoriya

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.28 17:19:53