Quelle est la bonne façon d'ajouter console.log
et debugger
instructions à mon React.Components?instructions console.log & debugger dans React.Components - jeton inattendu
Il suffit de les laisser tomber en produit Unexpected token
erreurs:
export class ManageCoursePage extends React.Component {
debugger;
constructor(props, context) {
super(props, context);
Un peu plus utile, mais produit encore Unexpected 'debugger' statement
:
export class ManageCoursePage extends React.Component {
constructor(props, context) {
super(props, context);
debugger;
Ou même console
erreurs navigateurs sur Uncaught SyntaxError: Unexpected token ;
:
class Woot {
debugger;
}
Qu'est-ce qui se passe exactement ici? Déplacez votre instruction de débogueur à l'intérieur du constructeur ou d'une fonction et cela fonctionnera correctement.
Je ne parviens pas à reproduire l'erreur dans votre deuxième exemple: http://codepen.io/FullR/pen/JEPPxR – SimpleJ
Le corps 'class' ne peut contenir que des déclarations de méthode. Vous ne pouvez pas mettre d'instructions arbitraires dans le corps. Mettre l'instruction 'debugger' dans le constructeur devrait fonctionner. Si vous obtenez * "Déclaration de débogueur inattendue" *, cela peut être un avertissement de linter, et bien sûr peut être ignoré lorsque vous êtes en train de déboguer. Utilisez-vous un linter? –
Confirmé, le paramètre 'debugger' dans le constructeur fonctionne, lors du test dans la console du navigateur. – nullsteph