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

如果其他人遇到這個問題，這就是我的錯誤：在 chrome 開發人員工具中，在控制台下有一個隱藏所有輸出的設置。 不管什么原因，它被打開了。 我將其設置回“默認”，現在可以使用了。

Answer 2

可能沒有加載組件。 您沒有包含顯示整個組件文件的代碼或應包含它的 app.module 文件。 也有可能它甚至沒有編譯，因為您正在嘗試訪問一個不存在的變量：

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

您可以訪問的構造函數中沒有變量“s”。 它需要是 this.s 或者你需要在構造函數中定義一個變量 s ：

let s = 'something';

Answer 3

在嘗試在 Safari 上解決這個問題太長時間后，我遇到了同樣的問題，所以這是我的解決方案。 確保您的控制台輸出設置為全部。

Answer 4

可能的原因可能是 eslint，它只是沒有將 console.log 編譯為 javascript 包。 使用此異常為整個文件禁用它：

/* eslint-disable no-console */

Answer 5

開發工具過濾器

請確保您已清除過濾器字段。 因為過濾器應用於控制台..