Javascript 从ECMA6到ECMA5的traceur转换不工作

Javascript 从ECMA6到ECMA5的traceur转换不工作,javascript,html,ecmascript-6,traceur,Javascript,Html,Ecmascript 6,Traceur,为了了解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"&

为了了解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>

但是当我在firefox或chrome中加载页面时,h1标签中的内容不会改变。ehre有什么问题?

好的,脚本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>

它还可以使用

您做了什么来调试问题?将脚本类型更改为模块,但不起作用,还检查了浏览器控制台是否有任何错误,但没有