2017-07-26 51 views
0

我创建采用了棱角分明的CLI使用的应用程序:在角CLI没有的WebPack纳克新

ng new my-app

有默认情况下,在Chrome浏览器开发工具.ts文件没有显示任何的WebPack配置/映射所以我只能调试传输的JS。

为什么Webpack不在默认情况下,Angular是否有自己的选择?

这是我的.ts文件没有正确映射的原因吗?

编辑 - 读@torazaburo的评论 - 这是我的tsconfig.json:

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "outDir": "./dist/out-tsc", 
    "baseUrl": "src", 
    "sourceMap": true, 
    "declaration": false, 
    "moduleResolution": "node", 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "target": "es5", 
    "typeRoots": [ 
     "node_modules/@types" 
    ], 
    "lib": [ 
     "es2016", 
     "dom" 
    ] 
    } 
} 

也加我的同事通过相同的步骤,我去了,我想,他们有。 ts文件由chrome dev工具中的webpack提供

+0

angular-cli隐藏webpack,所以你不必担心它。确保你在'tsconfig.json'中开启了sourcemap选项。 – 2017-07-26 16:45:48

+0

我确实打开了它,会用config进行更新,谢谢 –

+1

您使用的是什么版本的cli? – pinkfloyd

回答

0

安装了最新的稳定版Chrome来修复它。

我使用的是Chromium版本53.0.2785.143在Ubuntu上构建,运行在Ubuntu 14.04(64位)上。 我注意到我的同事版本的Chromium更高,但由于我在Ubuntu软件中心有一个错误 - 我刚刚安装了最新的Chrome。这解决了我的问题。