traceur преобразование из ECMA6 в ECMA5 не работает

Я следил за учебником, чтобы узнать, как компилятор traceur преобразует ECMA6 в ECMA5.traceur преобразование из ECMA6 в ECMA5 не работает

Ниже приведен код.

<!DOCTYPE html> 
<html> 
<head> 
    <title>hello world!</title> 

    <script src="https://traceur-compiler.googlecode.com/git/bin/traceur.js" 
     type="text/javascript"></script> 
    <script src="https://traceur-compiler.googlecode.com/git/src/bootstrap.js" 
     type="text/javascript"></script> 
</head> 
<body> 
    <h1 id="message">This content is going to change</h1> 
    <script type="text/traceur"> 
     class Greeter { 
     constructor(message) { 
      this.message = message; 
     } 

     greet() { 
      let element = document.querySelector('#message'); 
      element.innerHTML = this.message; 
     } 
     }; 

     let greeter = new Greeter('Helllllllo, world!'); 
     greeter.greet(); 
    </script> 

</body> 
</html>

Но содержание в h1 тега не меняется, когда я загрузить страницу в Firefox или хром. в чем проблема?

источник

2015-05-08 DesirePRG

Что вы сделали, чтобы отладить проблему? –

изменил тип сценария на «модуль», но не работал, также проверил консоль браузера на наличие ошибок, и не было – DesirePRG

ОК, похоже, возникла проблема с URL-адресом сценария. это сработало для меня после следующего учебного курса в github.

<!DOCTYPE html> 
<html> 
<head> 
    <title>hello world!</title> 

    <script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script> 
    <script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script> 

</head> 
<body> 
    <h1 id="message">This content is going to change</h1> 
    <script type="module"> 
     class Greeter { 
     constructor(message) { 
      this.message = message; 
     } 

     greet() { 
      let element = document.querySelector('#message'); 
      element.innerHTML = this.message; 
     } 
     }; 

     let greeter = new Greeter('Helllllllo, world!'); 
     greeter.greet(); 
    </script> 

</body> 
</html>

Также он работал с <script type="text/traceur">

источник

2015-05-08 05:39:28 DesirePRG

traceur преобразование из ECMA6 в ECMA5 не работает

ответ

Смежные вопросы