VSCode react-native typescript:忽略断点,因为找不到源代码

时间:2017-04-16 22:22:48

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

我无法在反应原生项目中的我的打字稿文件中点击我的断点。我在stackoverflow和github上看过各种类似的问题。 (herehere) 这是我的tsconfig.json:

{
    "compilerOptions": {
        "target": "es2015",
        "module": "es2015",
        "jsx": "react",
        "outDir": "build",
        "rootDir": "src",
        "allowSyntheticDefaultImports": true,
        "noImplicitAny": true,
        "experimentalDecorators": true,
        "preserveConstEnums": true,
        "allowJs": true,
        "sourceMap": true
    },
    "filesGlob": [
        "typings/index.d.ts",
        "src/**/*.ts",
        "src/**/*.tsx"
    ],
    "exclude": [
        "index.android.js",
        "index.ios.js",
        "build",
        "node_modules"
    ],
    "compileOnSave": false
}

首先,我使用visual studio代码构建任务(ctrl + shift + B)构建我的源代码;每件事都构建良好,.js文件在.js.map个文件夹内生成./build文件。

然后我在launch.json

中创建一个启动配置

从visual studio代码中我开始调试过程(f5)。每件事都运行良好,应用程序加载并显示在我的genymotion模拟器中。

但是打字稿中的断点永远不会被击中。 (虽然它们在生成的.js文件中被击中)

我完全迷失在这里。无论我做什么,我都无法让断点受到打击......

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我已应用此github post的建议,特别是对this PR的评论,现在我的断点正常工作。