获得意外的令牌导出

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

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

当前回答

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

2023-01-06 19:31:06

其他回答

对于那些在2022年看到这篇文章的人来说，我也犯了同样的错误，但我把代码改成了这样:

    module.exports = () => {
    getUsers: () => users;
    addUser: (user) => users.push(user);
  };

2022-10-11 23:27:38

我让模块工作了一段时间，然后它们没有出现这个Uncaught SyntaxError:意外的令牌导出错误。

结果是，我添加了一个开大括号而没有一个闭大括号。喜欢的东西:

if (true) {
/* } missing here */

export function foo() {}

虽然最大的错误是忘记了end}，但解析器首先在大括号内找到一个导出，这是不允许的。

export关键字必须在文件的顶层。

So:

if (true) {
    export function foo() {}
}

也不合法。当解析器遇到这种情况时，它立即停止解析，模糊地宣布错误使用了export，并给出与加载使用export关键字的“非模块”JavaScript文件时相同的错误。它从不报告底层缺少大括号错误。

我花了很长时间才弄明白，所以我在这里发帖，以帮助未来的患者。

理想情况下，解析器将报告只允许在文件的顶层导出。

2022-06-17 00:43:05

通常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>

最后在活动服务器上运行此代码

2022-10-18 06:55:46

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

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

2021-06-19 15:51:36

可能的答案

我有这个问题，在我的情况下发生的是，我缺乏添加扩展到文件 < <文件。ts > >

2022-07-26 21:08:08

获得意外的令牌导出

推荐文章

最新文章

标签