解决React项目TSX文件飘红

正宗咸豆花

已于 2023-07-07 14:03:30 修改

阅读量951

点赞数 1

文章标签： react.js 前端前端框架

于 2023-06-11 11:52:16 首次发布

本文链接：https://blog.csdn.net/m0_56699208/article/details/131151788

版权

文章讲述了如何通过调整tsconfig.json配置，特别是设置moduleResolution:node和allowJs:true，来解决在React项目中TSX文件出现的编译问题。这些配置允许JavaScript文件的使用并正确解析模块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决React项目TSX文件飘红

tsconfig.node,json

{ 
    "compilerOptions": { 
    "target": "es6", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "noResolve": false, 
    "noImplicitAny": false, 
    "removeComments": true, 
    "sourceMap": true, 
    "allowJs": true, 
    "jsx": "react" 
    }, 
    "exclude": [ 
    "./node_modules/**/*" 
    ] 
}