使用ES6模块导入类时,Javascript报告语法错误

时间:2019-11-12 13:27:28

标签: javascript ecmascript-6 module es6-modules

在导入模块时,出现下一个错误: 语法错误:运行节点script.js时出现意外的令牌'{'。 在firefox中运行时,出现“ SyntaxError:导入声明可能仅出现在模块的顶层”的情况。

我还有一个名为index.html的HTML文件,其中仅包含script.js文件:

<script src = './script.js'></script>

我尝试按照下面提供的代码导入模块。 我也尝试过使用export default, export {Task}等...

// script.js文件

"use strict";
import {Task} from './Task.js';

// Task.js文件

export class Task {
    constructor(title = '', description = '', completed = ''){
      this.title = title;
      this.description = description;
      this.completed = completed;
    }
}

错误消息如下: 节点:Syntax Error: Unexpected Token '{' / n

Firefox:SyntaxError: import declarations may only appear at the top level of a module

勇敢(铬):script.js:2 Uncaught SyntaxError: Cannot use import statement outside a module

0 个答案:

没有答案