我按照教程学习了 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
标记中的内容不会改变。这是什么问题?
最佳答案
好吧,脚本 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">
关于javascript - 从 ECMA6 到 ECMA5 的跟踪器转换不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30116365/