2016-12-30 1 views
2

Каким образом можно добавить console.log и debugger заявлениям в мои React.Components?console.log и заявления отладчика в React.Components - неожиданный токен

Просто сбросив их в производит 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; 
} 

Что именно здесь происходит?

+1

Я не могу воспроизвести ошибку во втором примере: http://codepen.io/FullR/pen/JEPPxR – SimpleJ

+3

Тело 'class' может содержать только объявления методов. Вы не можете помещать произвольные выражения внутри тела. Приведение инструкции 'debugger' в конструктор должно работать. Если вы получаете * «Неожиданный» отладчик «отладчик» *, то это может быть предупреждением linter и, конечно, может быть проигнорировано при фактической отладке. Вы используете linter? –

+0

Подтверждено, установка 'debugger' в конструкторе работает при тестировании в консоли браузера. – nullsteph

ответ

1

Переместите инструкцию отладчика внутри конструктора или функции, и он будет работать нормально.

+0

Спасибо, после небольшого проб и ошибок, он работает так, как ожидалось. – nullsteph