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

如何将Nuxt 3默认TypeScript项目切换为JavaScript项目

首先要明确:.nuxt 目录下的TypeScript文件是Nuxt 3框架内部生成的类型声明文件,完全不影响你在项目中使用JavaScript编写业务代码,不需要纠结这部分文件的存在。

如果你需要完整适配JavaScript开发模式,按照以下步骤补充配置即可:

1. 调整nuxt.config.js配置

在配置中关闭TypeScript相关的严格检查功能:

export default {
  typescript: {
    strict: false,
    typeCheck: false
  }
}

2. 配置jsconfig.json

在你新增的jsconfig.json中补充以下基础配置,适配Nuxt的路径别名等特性:

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "ESNext",
    "moduleResolution": "Node",
    "esModuleInterop": true,
    "strict": false,
    "jsx": "preserve",
    "baseUrl": ".",
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./*"]
    }
  },
  "include": ["**/*"],
  "exclude": ["node_modules", ".output", ".nuxt"]
}

3. 直接编写JS业务代码即可

后续所有页面、组件、接口逻辑都可以直接用.js后缀文件、或者.vue文件(script块不加ts标识)编写,Nuxt会正常编译运行,内部生成的TS类型文件不会对JS开发造成任何干扰。

内容的提问来源于stack exchange,提问作者Adarsh Madrecha

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.28 07:54:08