我正在尝试从使用default
的文件中导入export default
。例如...
export default build_class(.....);
然后我尝试使用...导入默认设置。
import DaClass from 'dafile';
根据MDN(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import),这应该将默认导出导入为我的DaClass
变量,如果我需要该模块,则可以使用import * as daModule from 'dafile'
语句。
但是在Webpack中,这似乎给了我模块而不是默认模块,我必须使用.default
属性来访问该模块。 Webpack文档对默认值的导入有些许了解,我可以理解这是不常用的东西。
确切的事实是什么?,因为在冲突的文档之间进行工作会造成混淆。我想使用MDN方法解决此问题,因为在我为Webpack重构的这个大型项目中,这样做会更容易,并且已经花了一两个星期的时间来将500多个文件升级为export default
方法。
答案 0 :(得分:0)
似乎该类已正确加载,这是Chrome对import
语句的解释(v72.0.3626.121)。
使用旧的console.log(DeClass);
可以给我正确的输出。
因此,基本上,Chrome的开发人员检查器与读取导入语句有些混淆。另外,我注意到检查MyModule.default
属性会以.default
属性的永久循环结束(例如,您了解了MyModule.default.default.default.default.default....
)。
我的问题原来是,当将我的类重构为导出时,静态函数丢失了,这导致了错误。只是误导性的Chrome使我相信这是一个import
问题。