打字稿抛出:
除非提供了'--jsx'标志,否则无法使用JSX.ts(17004)
更改tsconfig.json
jsx
为后react-jsx
,jsx可以使用。再次yarn start
将tsconfig.json更改为react-jsx
。
react-scripts
已更新至4.0.1。
package.json
"dependencies": {
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.1",
"semantic-ui-css": "^2.4.1",
},
"devDependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.2.2",
"@testing-library/user-event": "^12.1.10",
"@types/jest": "^26.0.15",
"@types/node": "^14.14.9",
"@types/react": "^17.0.0",
"@types/react-dom": "^17.0.0",
"@typescript-eslint/eslint-plugin": "^4.8.1",
"@typescript-eslint/parser": "^4.8.1",
"eslint-config-react": "^1.1.7",
"eslint-plugin-react": "^7.21.5",
"eslint-plugin-react-hooks": "^4.2.0",
"typescript": "^4.1.2"
},
tsconfig.json
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx"
},
"include": [
"src"
]
}
如何解决这个问题?
您可以通过以下方式解决此问题:
“ Ctrl + Shift + P”或单击窗口右下方的Typescript版本。TypeScript:选择TypeScript版本Use Workspace Version ... 4.1.2“
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句