vscode react-native typescript breakpoint未命中:源映射

时间:2018-03-19 21:04:09

标签: typescript react-native visual-studio-code breakpoints source-maps

一年多来,我一直在努力解决这个问题。我提交了issue here。我试图在那里应用解决方案描述,并通过互联网(example)提供无数建议。这是我的配置

node v8.9.1
npm 4.6.1
react-native-cli 2.0.1
react-native 0.54.2
vscode 1.21.1

这是我的tsconfig.json:

{
  "compilerOptions": {
    "target": "es2015",
    "module": "es2015",
    "jsx": "react-native",
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,
    "experimentalDecorators": true,
    "noImplicitAny": true
  },
  "exclude": [
      "node_modules"
  ]
}

这是我的package.json:

{
  "name": "xxx",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "default": "node node_modules/react-native/local-cli/cli.js start",
    "start": "react-native start --transformer node_modules/react-native-typescript-transformer/index.js --sourceExts ts,tsx",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.3.0-alpha.1",
    "react-native": "0.54.2"
  },
  "devDependencies": {
    "@types/react": "^16.0.40",
    "@types/react-native": "^0.52.18",
    "babel-jest": "23.0.0-alpha.0",
    "babel-preset-react-native": "4.0.0",
    "jest": "22.4.2",
    "react-native-typescript-transformer": "^1.2.3",
    "react-test-renderer": "16.3.0-alpha.1",
    "typescript": "^2.7.2"
  },
  "jest": {
    "preset": "react-native"
  }
}

无论我做什么,我都无法获得打字稿断点(.tsx),这里有点绝望。任何帮助和帮助将不胜感激。

以下是我收到的错误消息:

./ SRC / app.tsx

app.tsx sourcemap breakpoint

已翻译./build/app.js

enter image description here

最后这是我的./vscode/launch.json:

    "name": "debug android",
    "program": "${workspaceRoot}/.vscode/launchReactNative.js",
    "type": "reactnative",
    "request": "launch",
    "platform": "android",
    "sourceMaps": true,
    "outDir": "${workspaceRoot}/.vscode/.react"

0 个答案:

没有答案