Je suis aux prises avec le suivant "Erreur" dans VScode:
{ "name": "front-office", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.11.6", "@testing-library/react": "^11.2.2", "@testing-library/user-event": "^12.2.2", "@types/jest": "^26.0.15", "@types/node": "^14.14.9", "@types/react": "^17.0.0", "@types/react-dom": "^17.0.0", "bootstrap": "^4.5.3", "react": "^17.0.1", "react-bootstrap": "^1.4.0", "react-dom": "^17.0.1", "react-scripts": "4.0.1", "typescript": "^4.1.2", "web-vitals": "^1.0.1" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } }
9 Réponses :
Cela a résolu le problème pour moi.
Il semble que ce soit un mélange entre cela et l'extension que j'utilisais (dieu dactylographié) qui peut ne pas être à jour. Quoi qu'il en soit, cela a résolu mon problème, merci!
jours depuis la dernière dernière sauvegarde mon a **: 0
Comment puis-je modifier la version de l'espace de travail si le projet est divisé en plusieurs sous-reproches? VScode ne semble pas récupérer node_modules
dans les sous-répertoires ou du moins je ne vois pas d'autres versions disponibles
@Narigo J'ai installé la version que je voulais globalement ( npm i -g typcript@4.1.2
) puis a ajouté cette ligne aux paramètres VScode JSON Fichier "TypeScript.TSDK": "/ home / yourUserName /.nvm/versions/node/v10.15.1/lib/node_mod ules / typescript / lib " code> substitut
/home/yourusename/.nvm/versions/node/v10.15.1/lib/node_modu Les
pour votre chemin de dossier Global NPM Node_Modules (découvrez avec npm root -g
)
Pour ceux qui utilisent VS 2019, j'ai dû installer TypeScript 4.1 pour Visual Studio à partir d'ici: https://marketplace.visualstudio.com/items?itemname=typeScriptTeam.Typescript-com 41
Ensuite, cela a bien fonctionné en utilisant le nouveau paramètre JSX dans les compilerOptions, etc.
Dans PHPSTorm (et il en va de même pour WebStorm), je ne me plaignais pas de "React-JSX" car la valeur en cochant "Téléchargez toujours la version la plus récente de schémas" dans des schémas JSON distants. P >
Je crois que la question était concernant VScode ...
Certes, puisque j'ai moi-même trouvé ce problème à la recherche de phpstorm, je pensais que cela pourrait peut-être aider les autres aussi. Cela pourrait également aider à être un indice concernant le VSCOD que le problème aura quelque chose à voir avec les schémas JSON probablement vieux.
Cela m'a aidé car j'utilise WebStorm. Merci!
Si vous utilisez VS Code et que la réponse de Marksfrancis n'a pas fonctionné pour vous. Vous devriez peut-être vérifier vos extensions pour TypeScript, dans mon cas, l'extension «TypeScript God» était la cause que j'avais encore ce problème.
Installation javascript et expul l'extension nocturne et La version TS reélectionnée dans VSC (lorsque .TSX est ouvert, cliquez sur la version TS (en bas à droite), puis "Sélectionner la version TypeScript" -> "Utiliser la version du code") fonctionne également.
(src: https: //. VisualStudio.com/docs/typescript/typescript-compiling#_using-typescript-nightly-builds )
Si vous avez essayé de mettre à jour la version TypeScript en sélectionnant "Utilisez Workspace Version" dans votre éditeur VScode et qu'il affiche toujours l'erreur, essayez de mettre à jour la valeur du champ "JSX"
dans votre fichier .tsConfig à "préserver"
.
import { jsx as _jsx } from "react/jsx-runtime"; export const helloWorld = () => _jsx("h1", { children: "Hello world" }, void 0);
"react-jsx"
, vous devrez écrire React dans la nouvelle transformation React 17: import React from 'react'; function App() { return <h1>Hello World</h1>; }
.tsConfig File Reference (par TypeScript Docs): Ici
Nouvelle transformée JSX (Per React Docs): ici
Comme mentionné par d'autres, il s'agit d'un problème ouvert avec le script Create-React-App (CRA). Cependant, aucune des solutions mentionnées ci-dessus n'a fonctionné pour moi. La seule solution qui fonctionne pour moi est d'ajouter la configuration ci-dessous dans le fichier .env
(dans le projet root).
DISABLE_NEW_JSX_TRANSFORM=true
Remplacez simplement
"jsx": "react"
à
"jsx": "react-jsx"
Cheers !!
L'affiche d'origine a déjà mentionné qu'ils savent que "JSX": "React"
fonctionne, donc cette réponse n'aide pas du tout. De plus, même si vous remplacez manuellement le "react-jsx"
par "react"
, les scripts de l'ARC le changeront automatiquement en "react-jsx" < / Code> Chaque fois que vous exécutez le code.
J'ai changé le code Visual Studio en une version plus récente qui a résolu le problème à ma fin.