如何解决reactjs:升级webpack后导入模板自定义元素失败
在我们的ReactJS应用程序中,我们使用了一些我们已经构建的模具自定义元素包,到目前为止,一切都可以正常工作。将webpack版本升级到4后,我们将无法导入加载程序默认的mjs文件。
这是我们在文档中编写时如何导入defineCustomElements的方法:
import { defineCustomElements } from 'custom-component/loader';
这会导致错误:
Uncaught (in promise) TypeError: Object(...) is not a function
表示defineCustomElements未定义。
如果我们复制loader文件夹中的index.mjs文件,将其命名为index.js并直接将其导入:
import { defineCustomElements } from 'custom-component/loader/index.js';
然后一切正常。但这不是一个好的解决方法,因为每次我们更新外部自定义元素包时,我们都需要这样做。
在我们的webpack.config.js文件中,我们具有:
resolve: {
modules: [
'node_modules',appPath,vendorPath
],extensions: ['.js','.jsx','.mjs'],symlinks: false
},
我们错过了什么吗?
谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。