获得意外的令牌导出

我试图在我的项目中运行一些ES6代码，但我得到了一个意外的令牌导出错误。

export class MyClass {
  constructor() {
    console.log("es6");
  }
}

当前回答

我的意见

出口

ES6

myClass.js

export class MyClass1 {
}
export class MyClass2 {
}

other.js

import { MyClass1, MyClass2 } from './myClass';

CommonJS替代

myClass.js

class MyClass1 {
}
class MyClass2 {
}
module.exports = { MyClass1, MyClass2 }
// or
// exports = { MyClass1, MyClass2 };

other.js

const { MyClass1, MyClass2 } = require('./myClass');

出口违约

ES6

myClass.js

export default class MyClass {
}

other.js

import MyClass from './myClass';

CommonJS替代

myClass.js

module.exports = class MyClass1 {
}

other.js

const MyClass = require('./myClass');

其他回答

使用ES6语法不能在node中工作，不幸的是，你必须有babel显然使编译器理解语法，如导出或导入。

npm install babel-cli --save

现在我们需要创建一个.babelrc文件，在babelrc文件中，我们将设置babel使用我们在编译到ES5时安装的es2015预设。

在应用程序的根目录下，我们将创建一个.babelrc文件。 $ NPM install babel-preset-es2015—保存

在应用程序的根目录下，我们将创建一个.babelrc文件。

{  "presets": ["es2015"] }

希望它有用…：）

当我试图在我的项目中导入本地javascript模块时，我也得到了意外的令牌导出错误。当在index.html文件中添加脚本标记时，我通过将类型声明为模块来解决这个问题。

此时没有必要使用Babel (JS已经变得非常强大)，因为您可以简单地使用默认的JavaScript模块导出。查看完整教程

Message.js

module.exports = 'Hello world';

app.js

var msg = require('./Messages.js');

console.log(msg); // Hello World

如果遇到此错误，也可能与将JavaScript文件包含到html页面的方式有关。在加载模块时，必须显式地声明这些文件。这里有一个例子:

//module.js:
function foo(){
   return "foo";
}

var bar = "bar";

export { foo, bar };

当你像这样包含脚本时:

<script src="module.js"></script>

你会得到错误:

Uncaught SyntaxError:意外的令牌导出

你需要包含一个type属性设置为"module"的文件:

<script type="module" src="module.js"></script>

然后它应该会像预期的那样工作，你已经准备好在另一个模块中导入你的模块了:

import { foo, bar } from  "./module.js";

console.log( foo() );
console.log( bar );

安装babel包@babel/core和@babel/preset，这将把ES6转换为commonjs目标，因为node js不直接理解ES6目标

npm install --save-dev @babel/core @babel/preset-env

然后，您需要在项目的根目录中创建一个名为.babelrc的配置文件，并将这段代码添加到其中。

[“@babel/preset-env”]

推荐文章