如何使用angular-CLI在控制台中显示日志

Question

我正在为webpack使用angular-cli。

ng服务

然后构建成功，我看到了

** NG Live Development Server在http：// localhost：4200上运行。**
哈希：dd30d5aeee6e21802b4d e时间：9397ms
块{0} styles.bundle.js，styles.bundle.map（样式）163 kB {4} [初始] [渲染]
块{1} main.bundle.js，main。 bundle.map（主）6.52 kB {3} [初始] [渲染的]
块{2} scripts.bundle.js，scripts.bundle.map（脚本）361 kB {4} [初始] [渲染的]
块{3} vendor.bundle.js，vendor.bundle.map（供应商）2.22 MB [初始] [渲染]
块{4} inline.bundle.js，inline.bundle.map（内联）0字节[entry] [渲染]
webpack：捆绑包现在有效。

似乎没有错。但是访问http：// localhost：4200时，控制台上没有任何日志 。无论如何，我可以打开服务器登录控制台吗？

Answer 1

虽然你无法登录DOM /在控制台的网络事件不会导致服务器的请求，你可以增加信息的编制过程和静态Web服务器通过传递提供的电量--verbose标志启动时：ng serve --verbose。

此外，如果您正在运行代理服务器以访问本地 API 服务器，并且您想要更多关于这些请求如何被代理的日志记录，您可以增加logLevel代理配置。

示例proxy.conf.json：

{
    "/api": {
        "target": "http://localhost:3001",
        "secure": false,
        "logLevel": "debug"
    }
}

然后，您将以ng serve --proxy-config proxy.conf.json --verbose.

Answer 2

您无法将角度代码记录到启动的外壳中ng serve，对不起:-(

您只会在该控制台中看到构建错误

Answer 3

当我执行console.log("something")时，日志显示在浏览器检查器控制台选项卡中。我不需要任何配置。