JS中的进出口类

Question

当我尝试在JS中导入类时，我有问题：

//file 1
export default class myClass {
  constructor(){
    this.name = "name1";
  }
  saysHello(){
   console.log("hello"+this.name1);
  }
};

//file 2
import { myClass } from 'file1.js'

//I have tried different alternatives

// alternative 1:
var v1 = new myClass();
v1.saysHello()

//alternative 2:
myClass.saysHello()

//alternative 2:
var v1 = Object.create(myClass);

在所有替代方案中，我都有相同的错误：

未接收参考：在初始化之前无法访问词汇声明“ myclass” http://127.0.0.1:5500/js/file2.js

in html：

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

Answer 1

//file 2
import  myClass from './file-1.js'

//I have tried different alternatives

// alternative 1:
var v1 = new myClass();
v1.saysHello()