webpack - 无法在 Electron-Forge/Webpack 中加载内嵌字体

Question

当import 'semantic-ui-css/semantic.min.css'进入一个全新的 Electron-Forge/Webpack5 项目，我得到以下信息:

UnhandledSchemeError: Reading from "data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAO...
Webpack supports "data:" and "file:" URIs by default.
You may need an additional plugin to handle "data:" URIs.

单步执行代码后，出现 data:uri此处的格式与在 NormalModule 中提取其格式的正则表达式不匹配: https://github.com/webpack/webpack/blob/e5570ab5230e98e1030d696e84465b5f533fdae9/lib/schemes/DataUriPlugin.js#L16 .注意双 ;;在数据 URI 中，这会破坏 RegEx 链接。
但是，此 CSS 文件在我的网站中加载良好。当逐步完成 webpack 构建时，它们都加载了 CSS 文件(通过 https://github.com/webpack/webpack/blob/e83587cfef25db91dc5b86be5b729288fd1bafdd/lib/NormalModule.js#L761 中的断点验证)，但是网站只是……不加载此数据 URL？？？我尝试用网站上的配置替换 Electron 的 webpack 配置，但没有任何乐趣。
经过一天或四天的深入研究，我完全没有想法。我什至不知道下一步该戳哪里。关于我可以在哪里挖掘/我可以检查什么以在 Electron 中加载这个 CSS 文件的任何建议？
可以在此处找到最小的演示存储库: https://github.com/FrozenKiwi/data-url-loading ，唯一的区别是将违规 CSS 声明提取到本地 CSS 文件中

Answer 1

在运行 webpack v5 时使用 Semantic-UI React 会出现以下错误:

Webpack supports "data:" and "file:" URIs by default.
You may need an additional plugin to handle "data:" URIs.
TypeError: Cannot read property 'get' of undefined

在 github 上发现了这个问题，它说服我切换到另一个 UI 框架:
https://github.com/Semantic-Org/Semantic-UI-React/issues/4287