React.Components中的console.log和調試器語句 - 意外令牌

將console.log和debugger語句添加到我的React.Components的正確方法是什麼？React.Components中的console.log和調試器語句 - 意外令牌

只是刪除它們產生Unexpected token錯誤：

export class ManageCoursePage extends React.Component { 
    debugger; 
    constructor(props, context) { 
    super(props, context);

多一點幫助，但仍然會產生Unexpected 'debugger' statement：

export class ManageCoursePage extends React.Component { 

    constructor(props, context) { 
    super(props, context); 
    debugger;

甚至瀏覽器的console錯誤了Uncaught SyntaxError: Unexpected token ;：

class Woot { 
    debugger; 
}

這裏到底發生了什麼？

2016-12-30 nullsteph

我無法在第二個示例中重現錯誤： http://codepen.io/FullR/pen/JEPPxR – SimpleJ

'class'主體只能包含方法聲明。你不能在主體內部放置任意的語句。將'debugger'語句放在構造函數中應該可以工作。如果你得到*意外的調試器語句*，那麼這可能是一個linter警告，當然你可以在調試時忽略它。你在用棉絨嗎？ –

確認，在瀏覽器的控制檯中測試時，在構造函數中設置'debugger'工作。 – nullsteph

在構造函數或函數中移動調試器語句，它會正常工作。

2016-12-30 17:56:28

謝謝，經過一些試驗和錯誤，它確實按預期工作。 – nullsteph

回答