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

Question

这是我的组件的代码，所有版本都没有做任何事情。我只是在浏览器中看到空白控制台。

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

Answer 1

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

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

您可以访问的构造函数中没有变量 's'。需要是this.s或者你需要在构造函数中定义一个变量s：

let s = 'something';

Answer 2

如果其他人遇到此问题，我的错误是：在 chrome 开发人员工具中，控制台下有一个隐藏所有输出的设置。不管出于什么原因，它被打开了。我将其设置回 "Default"，现在可以使用了。

Answer 3

我在 Safari 上花了太长时间试图解决这个问题后遇到了同样的问题，所以这是我的解决方案。确保您的控制台输出设置为全部。

Answer 4

可能的原因可能是 eslint，它没有将 console.log 编译成 javascript 包。使用此例外为整个文件禁用它：

/* eslint-disable no-console */

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

Angular2: Why isn't my component's console.log not logging anything

console.log

angular