VSCode react-native typescript：斷點因爲沒有找到源代碼而被忽略

Question

我無法在我的react-native項目中的打字稿文件中找到我的斷點。我在這裏看到了各種類似的問題在stackoverflow和github上。 （here，here） 這是我的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文件裏面打的）

我完全迷失在這裏。無論我做什麼，我都無法獲得斷點......

任何幫助將不勝感激。

Answer 1

我已經應用了這個github post的建議，尤其是關於this PR的評論，現在我的斷點工作。