调试试验用CREATE反应在VSCode或Chrome

Question

创建使用 （https://github.com/Microsoft/TypeScript-React-Starter）

NPM安装-g创建反应的应用程序内

CREATE-反应-App我-app的应用程序中使用的打字稿应用程序 - 脚本版本=反应的脚本-TS

我已经通过了一些文章了，似乎在圈子里被绕来绕去，但还没有找到我怎么能调试默认app.test.tsx

节点在版本7.9.0 0上其他一切应该在最新版本上。

Answer 1

现在已经修复。 https://github.com/Microsoft/TypeScript-React-Starter/issues/46

1. 安装节点V8.5

2. 更新创建反应的应用程序内 （或更新的反应的脚本-TS 2.7）

3. 配置vscode的最新版本调试器

{ 
 
     "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 -->

如果你是打字稿2.5，添加到您的项目 https://github.com/nicolaserny/create-react-app-typescript/blob/master/packages/react-scripts/template/tsconfig.test.json