【发布时间】：2018-04-27 18:32:28
【问题描述】：
当我使用 WebStorm IDE 时，我在调试用 TypeScript 编写的 ReactNative 应用时遇到问题。
应用程序可以工作，但是当我将断点设置为 render 时，方法代码从未停止过。
这是我的 tsconfig：
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"sourceMap": true,
"moduleResolution": "node",
"jsx": "react-native",
"outDir": "artifacts",
"rootDir": "src",
"noImplicitAny": false,
"preserveConstEnums": true,
"allowJs": false,
"sourceMap": true,
"noImplicitReturns": true,
"noUnusedParameters": true,
"noUnusedLocals": true
},
"filesGlob": [
"typings/index.d.ts",
"src/**/*.ts",
"src/**/*.tsx"
],
"types": [
"react",
"react-native",
"jest"
],
"exclude": [
"android",
"ios",
"build",
"node_modules"
]
}
和 package.json：
{
"name": "untitled2",
"version": "0.0.1",
"private": true,
"scripts": {
"tsc": "tsc",
"start": "node node_modules/react-native/local-cli/cli.js start",
"build": "npm run clean && npm run tsc --",
"test": "jest"
},
"dependencies": {
"react": "16.3.1",
"react-native": "0.55.3",
"inversify": "^4.13.0",
"react-navigation": "^1.5.11"
},
"devDependencies": {
"typescript": "^2.8.3",
"tslint": "^5.9.1",
"@types/react": "^16.3.12",
"babel-jest": "22.4.3",
"babel-preset-react-native": "4.0.0",
"jest": "22.4.3",
"react-test-renderer": "16.3.1"
},
"jest": {
"preset": "react-native",
"testRegex": "artifacts/.+\\.(test|spec).js$",
"coverageDirectory": "coverage",
"coverageReporters": [
"text-summary",
"html"
]
},
"collectCoverageFrom": [
"artifacts/**/*.js",
"!artifacts/**/*.spec.js",
"!artifacts/**/*.index.js"
]
}
【问题讨论】：
-
我使用“调试符号”来运行应用程序，它是默认的 iOS 反应来自 Jetbrains 的本机配置。我将
package.json配置添加到我的第一个问题。 -
还没有找到任何官方教程，但似乎您仍然需要使用react-native-sm-transformer 将源映射添加到包中。该软件包是typescript template 的一部分，可用于
react-native init...另请参阅shellmonger.com/2017/08/09/…
标签： reactjs typescript react-native webstorm