Tests de débogage avec application à l'aide Créer Réagir à VSCode ou Tapuscrit Chrome

Question

Création d'une application à l'aide (https://github.com/Microsoft/TypeScript-React-Starter)

NPM installer -g Create-réaction-app

create-réaction-app my-app - semblent tourner en rond, mais n'a pas encore trouvé des scripts version = réagiront-scripts-ts

Je suis passé par un certain nombre d'articles, comment je peux déboguer la valeur par défaut app.test.tsx

Le nœud est sur la version 7.9.0 Tout le reste devrait être sur la dernière version.

Answer 1

Ceci a été corrigé maintenant. https://github.com/Microsoft/TypeScript-React-Starter/issues/46

1. Installer v8.5 Noeud

2. mise à jour à la dernière version de Créer-REACT-App (ou mettre à jour les scripts réagiront-ts à 2,7)

3. Configurer vscode débogueur avec

{ 
 
     "version": "0.2.0", 
 
     "configurations": [ 
 
      { 
 
      "name": "Debug CRA Tests", 
 
      "type": "node", 
 
      "request": "launch", 
 
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/react-scripts-ts", 
 
      "runtimeArgs": [ 
 
       "--inspect-brk", 
 
       "test" 
 
      ], 
 
      "args": [ 
 
       "--runInBand", 
 
       "--no-cache", 
 
       "--env=jsdom" 
 
      ], 
 
      "cwd": "${workspaceRoot}", 
 
      "protocol": "inspector", 
 
      "console": "integratedTerminal", 
 
      "internalConsoleOptions": "neverOpen" 
 
      } 
 
     ] 
 
     }

<!-- begin snippet: js hide: false console: true babel: false -->

4. Si vous êtes sur tapuscrit 2.5, ajoutez à votre projet https://github.com/nicolaserny/create-react-app-typescript/blob/master/packages/react-scripts/template/tsconfig.test.json