react项目启动报错”无法使用 JSX，除非提供了 “--jsx“ 标志。ts(17004)“

最新推荐文章于 2022-08-25 15:12:53 发布

小流浪cc

最新推荐文章于 2022-08-25 15:12:53 发布

阅读量1.8k

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44793122/article/details/125976488

版权

react项目启动报错”无法使用 JSX，除非提供了 “–jsx” 标志。ts(17004)“

原因

由于react版本与ts版本不匹配导致

解决

tsconfig.json文件中compilerOptions配置中的"jsx"改为"preserve"

// An highlighted block
 "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "importHelpers": true,
    "jsx": "preserve", // 原为"react-jsx"
    "esModuleInterop": true,
    "sourceMap": true,
    "baseUrl": "./",
    "strict": true,
    "paths": {
      "@/*": ["src/*"],
      "@@/*": ["src/.umi/*"]
    },
    "allowSyntheticDefaultImports": true
  },