JavaScript：从导入的文件导入文件

莱茨卡姆

如何从电子模块导入的文件中的另一个文件导入类（或者这只是完全错误的方式，您不应该进行嵌套导入；如果，您应该做什么）？

如果我尝试，我会收到以下错误：
Uncaught SyntaxError: Unexpected identifier

那是示例代码：

//index.html
...
<script src="script1.js" type="module"></script>
...

//script1.js
import Class1 from './script2.js';
const class1 = new Class1();

//script2.js
class Class1 {
  constructor() {
    //doStuff
    import Class2 from './script3.js';
    const class2 = new Class2();
  }
}
export default Class1;

//script3.js
class Class2 {
  constructor() {
    //doStuff
    console.log("Class2");
  }
}
export default Class2;

莱茨卡姆

非常感谢阿努拉格！为了使解决方案更加突出，我再次在此处发布解决方案：

import 语句必须在文件的顶层，而不是在类内部。

有关原因的详细信息，请阅读此问题和答案：Why must export/import Declarations are on top level in es2015?

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。