javascript - 如何在javascript中正确导入类

Question

我想import module从其他人那里js，我尝试如下。

但我发现了以下错误。

uncaught SyntaxError: Unexpected identifier

在import Test from 'test.js';

import Test from 'test.js';似乎没有语法错误..

这个错误的原因是什么

main.js

(()=>{

      import Test from 'test.js';  
    
      const url = "/quiz-data";
            
      fetch(url)
      .then(json => { const quiz = new Quiz(json); })
      .then(quiz => displayQuiz(quiz,1))

})();

test.js

class Test {

    constructor(quizData){
        this._quizzes = quizData.results;
        this._correctAnswersNum = 0;
    }
    
    getNumOfQuiz(){
        return this._quizzes.length;
    }
    
    getCategory(index){
        return this._quizzes[index-1].category;
    }
}
module.exports = Test;

标签： javascript

Answer 1

如果要使用 es6 语法 ( import Test from "test") 导入模块，则需要使用相同的方法导出模块：

export default Test.