为什么可以'；我不能为我的React服务器端渲染应用程序导入CSS文件吗？

一般错误：

语法错误：无效或意外标记

，引用了

index.css

的第1行

这是我试图导入样式的CSS文件中遇到CSS语法的结果

尝试的修复和实验：

删除了CSS文件中的所有内容，并导出了一个空的JS模块。这是可行的，验证导入是否将其视为JS文件，而不是CSS

从CSS文件的第1行删除@import语句。当然，这并没有什么不同，因为剩余的CSS语法会抛出相同的错误

将Webpack配置文件配对以消除问题的表面区域。渲染应该由Webpack处理，因此问题可能存在于此。配置非常基本，可以处理CSS、SASS、JS和JSX

尝试从其他文件位置导入CSS文件，包括服务器的app.js文件

尝试使用作为捆绑替代品

试图利用

---

总而言之，考虑到上面列出的尝试修复和测试，这个问题似乎与Webpack本身无关。这就好像服务器端渲染试图在Weback介入之前导入CSS文件一样。

事实证明，修复方法是使用我们的服务器

app.js

文件中的包：

require（'ignore-styles'）

回购协议中列出的说明：

在节点中运行时，用于忽略样式导入的babel/register样式挂钩。这适用于使用Webpack之类的东西在JavaScript中启用CSS导入的项目