我们想将我们的 React 组件之一渲染为静态 HTML,因此它位于服务器返回的 index.html 中。
而不是在服务器启动时执行此操作的代码,我们宁愿 HtmlWebpackPlugin 将 React 组件渲染到其生成的 index.html 中。这是可能的,而且效果很好;但是,一旦我们尝试使用导入其 SCSS 的 React 组件进行此操作,我们就会看到以下错误:
错误:/Users/calumjames/htmlwebpackplugin-error-react-rendering/tools/webpack/indexRenderer:5396
return window && document && document.all && !window.atob;
^
ReferenceError: 未定义窗口
我创建了一个简单的 Git 存储库来举例说明这个问题。正如README文件中提到的,如果Loading
组件中导入SCSS的那行被注释掉了,这个错误就不会出现了,组件会正确渲染到index.html中。
我们可以不改变组件的编码方式,因为它是一个内部共享组件,并且编码风格与其他共享组件相匹配。
我的代码或配置有问题,还是其中一个 Webpack 插件或加载程序有问题?