一年多来,我一直在努力解决这个问题。我提交了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
已翻译./build/app.js
最后这是我的./vscode/launch.json:
"name": "debug android",
"program": "${workspaceRoot}/.vscode/launchReactNative.js",
"type": "reactnative",
"request": "launch",
"platform": "android",
"sourceMaps": true,
"outDir": "${workspaceRoot}/.vscode/.react"