Question

我在使用VS代码编辑器进行调试时遇到问题。但我可以使用chrome开发人员工具进行调试。

断裂点没有击中，并以灰色圆圈显示。

同样在控制台中我收到此错误。

这是我的launch.json。

"version": "0.2.0", 
"configurations": [
{
"name": "Launch Chrome against localhost, with sourcemaps",
"type": "chrome",
"request": "launch",
"url": "http://localhost:3000/",
"sourceMaps": true,
"webRoot": "${workspaceRoot}",
"userDataDir": "${workspaceRoot}/.vscode/chrome",

        // Uncomment this to get diagnostic logs in the console
     "diagnosticLogging": true

/"sourceMapPathOverrides": {
"webpack:///c:/Users/anisha.rn/angular-2-hello-world/": "${workspaceRoot}/"
}/

    },

这是我的app文件夹结构。 [文件夹结构] [2] [2]：https://i.stack.imgur.com/OWo1o.png

这是我的index.html。

<!DOCTYPE html>
<html>
<head>
<title>Angular 2 Hello World</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/reflect-metadata/Reflect.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
    System.import('app').catch(function(err){ console.error(err); });
</script>
</head>

<body>
<my-app>Loading...</my-app>
</body>
</html>

使用VS代码和chrome调试器扩展调试angular2 rc项目时出现问题

0 个答案: