SystemJS没有导入
SystemJS没有导入
提问于 2020-05-08 07:12:04
无法在SystemJS中使用类型记录。这是我的测试示例：
tsconfig.json
{
"compilerOptions": {
"module": "System",
"target": "es2015",
"outFile": "./lib/mylib.js"
},
"include": [
"./src/mylib.ts"
]
}lib/mylib.ts
export default class MyClass {
constructor(public readonly msg: string) { }
public print() {
console.log(this.msg)
}
}test.html
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/6.3.1/system.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/6.3.1/extras/named-register.js"></script>
<script src="lib/mylib.js"></script>
<script src="test.js"></script>
</head>
<body>
</body>
</html>lib/mylib.js
System.register("mylib", [], function (exports_1, context_1) {
"use strict";
var MyClass;
var __moduleName = context_1 && context_1.id;
return {
setters: [],
execute: function () {
MyClass = class MyClass {
constructor(msg) {
this.msg = msg;
}
print() {
console.log(this.msg);
}
};
exports_1("default", MyClass);
}
};
});test.js
System.import('mylib').then(() => {
let mc = new MyClass('My message')
mc.print()
})获取错误：test.js:2 Uncaught (in promise) ReferenceError: MyClass is not defined at test.js:2
我尝试使用SystemJS，因为我需要在本地加载MyClass (没有CORS)。我会使用ES6模块，但在本地不允许模块导入。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-05-08 09:40:54
我能发现的唯一问题是浏览器将尝试在整个全局对象上搜索MyClass，以查看它是否存储它。但是SystemJS将动态加载模块并在承诺中返回它们，因此您将将其包括如下所示：
System.import('mylib').then((importedObject) => {
const MyClass = importedObject.default
let mc = new MyClass('My message')
mc.print()
})这将简单地返回importedObject，然后您可以指定要使用的导入。在本例中，您希望在存储MyClass时使用默认导出。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61673910
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号