如何将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
相关产品推荐
相关产品推荐

