我试图在我的项目中运行一些ES6代码，但我得到了一个意外的令牌导出错误。
export class MyClass {
constructor() {
console.log("es6");
}
}
当前回答
可能的答案
我有这个问题，在我的情况下发生的是，我缺乏添加扩展到文件 < <文件。ts > >
其他回答
通常import不能在.js扩展名中工作，因为默认情况下js意味着javascript的cjs版本。如果你想要es6特性，你需要将.js扩展名重命名为.mjs扩展名
parent.mjs
export default class Car {
constructor(brand) {
this.carname = brand;
}
present() {
return 'I have a ' + this.carname;
}
}
child.mjs
import Car from './parent.mjs'
export default class Model extends Car {
constructor(brand, mod , country) {
super(brand);
this.model = mod;
this.country = country;
}
show() {
return this.present() + ', it is a ' + this.model + "i am from " +
this.country;
}
}
index . html
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,
shrink-to-fit=no">
<title>Quick Start Pack Template</title>
</head>
<div class="demo"></div>
<script type="module">
import Model from './child.mjs'
let value = new Model("Ford", "Mustang", "bangladesh")
document.querySelector(".demo").innerHTML = value.show()
</script>
</body>
</html>
最后在活动服务器上运行此代码
实际上我想添加一个简单的解决方案。使用常量反撇号(')。
const model = `<script type="module" src="/"></<script>`
使用ES6语法不能在node中工作，不幸的是，你必须有babel显然使编译器理解语法，如导出或导入。
npm install babel-cli --save
现在我们需要创建一个.babelrc文件，在babelrc文件中，我们将设置babel使用我们在编译到ES5时安装的es2015预设。
在应用程序的根目录下，我们将创建一个.babelrc文件。 $ NPM install babel-preset-es2015—保存
在应用程序的根目录下，我们将创建一个.babelrc文件。
{ "presets": ["es2015"] }
希望它有用…：）
//✅使用模块。出口而不是出口 模块。出口= { 人, };
我让模块工作了一段时间，然后它们没有出现这个Uncaught SyntaxError:意外的令牌导出错误。
结果是，我添加了一个开大括号而没有一个闭大括号。喜欢的东西:
if (true) {
/* } missing here */
export function foo() {}
虽然最大的错误是忘记了end}，但解析器首先在大括号内找到一个导出，这是不允许的。
export关键字必须在文件的顶层。
So:
if (true) {
export function foo() {}
}
也不合法。当解析器遇到这种情况时，它立即停止解析，模糊地宣布错误使用了export，并给出与加载使用export关键字的“非模块”JavaScript文件时相同的错误。它从不报告底层缺少大括号错误。
我花了很长时间才弄明白，所以我在这里发帖，以帮助未来的患者。
理想情况下，解析器将报告只允许在文件的顶层导出。
