nodejs 报错: SyntaxError: Unexpected token {

Question

服务端中渲染react的时候,组件引用css文件报错

import './index.css'

SyntaxError: D:/code/node/my-express-react-reactRouter/src/components/header/index.css: Unexpected token, expected ; (1:5)
> 1 | html {
    |      ^
  2 |   background: red;
  3 | }
  4 | 

该怎么解决?

Answer 1

已解决
在服务端入口使用了一个css的钩子就没报错了,具体原因不

require('css-modules-require-hook')({
  extensions: ['.css'],
  generateScopedName: '[name]__[local]-[hash:base64:8]',
});

参考代码https://stackoverflow.com/que...