我将以下文件内容捆绑在一起:
a.js:
class BaseC {
doIt(){
console.log(this);
}
}
class A extends BaseC{
}
b.js:
class B extends BaseC{
}
var b = new B()
b.doIt();
这些都捆绑在最终的 app.bundle.js 中。运行它时我得到:"Uncaught ReferenceError: BaseC is not defined"
。这对我来说很奇怪,因为我可以看到它首先在 app.bundle.js 中定义,然后在其余类之前定义,如下所示:
var BaseC = function () {
function BaseC() {
_classCallCheck(this, BaseC);
}
_createClass(BaseC, [{
key: "doIt",
value: function doIt() {
console.log(this);
}
}]);
return BaseC;
}();
有什么线索吗?
P.S:我不使用 require/import 系统。我知道这就是 webpack 通常的使用方式,但我所做的是提供一个数组,其中包含我想要使用 glob 模块捆绑到 webpack 的所有 js 文件,并期望通过这样一个简单的示例,它应该可以工作。
尝试从 a.js 导出该类:
export class BaseC { ...
并将其导入到b.js中:
import {BaseC} from './a.js'
...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)