获得意外的令牌导出

我试图在我的项目中运行一些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');

只需使用tsx作为运行时而不是节点。它将允许你使用正常的import语句，而不必将你的项目切换到type: module，也不必处理type: module的讨厌后果。此外，你还将获得TypeScript支持。

实际上我想添加一个简单的解决方案。使用常量反撇号(')。

const model = `<script type="module" src="/"></<script>`

在最新版本的Nodejs (v17?)中，您可以通过使用.mjs文件扩展名来使用顶级的“import”，“async”，“await”-而不是transpiling或变通方法。

   // > node my.mjs
   
   import {MyClass} from 'https://someurl'
   async func () {
     // return some promise
   }
   await func ()

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

npm install babel-cli --save

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

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

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

{  "presets": ["es2015"] }

希望它有用…：）

推荐文章