Angular2:为什么我的组件的console.log没有记录任何内容

时间:2017-08-14 17:26:54

标签: angular console.log

这是我的组件代码,不是版本做任何事情。我只是在浏览器中获得空白控制台。

export class AssetsComponent {
    s = 'Hello2';
    constructor() {
        this.s = 'ds';
        console.log(this.s); <--- nothing
        console.log('test'); <--- nothing
        console.log(s); <--- breaks the compiler
    }
}

4 个答案:

答案 0 :(得分:13)

如果其他人遇到此问题,那么我的错误就是:在chrome开发人员工具中,在控制台下面有一个隐藏所有输出的设置。无论出于何种原因,它都被打开了。我将其设置为“默认”,现在可以正常使用。enter image description here

答案 1 :(得分:1)

组件未被加载是可能的。您没有包含显示整个组件文件的代码或应包含它的app.module文件。它也有可能甚至不编译,因为你试图访问一个不存在的变量:

console.log(s); <--- breaks the compiler

没有变量&#39;在您可以访问的构造函数中。它需要是this.s或者您需要在构造函数中定义变量s:

let s = 'something';

答案 2 :(得分:0)

试图在Safari上解决这个问题太久之后,我遇到了同样的问题,因此这是我的解决方案。确保您的控制台输出设置为“全部”。

Safar Console Output Setting

答案 3 :(得分:0)

可能的原因可能是 eslint,它只是没有将 console.log 编译为 javascript 包。 使用此异常为整个文件禁用它:

getTime()