typescript服务端渲染引入css报错

Question

import * as React from 'react';
import { connect } from 'react-redux';
import * as CSSModules from 'react-css-modules';
const styles = require('./index.css')
const Home = () => {
  return (
    <div>
    11111
  </div>
  )
}

export default connect(state=>state)(CSSModules(Home, styles))

报错如下

如果改成 import * as styles from './index.css';
报错如下

如果写 index.css.d.ts 的话，报错如图一。

请教各位大佬

Answer 1

很明显你加载进来的 CSS 无法按照 JS 的语法解析，提示里很明显。

Answer 2

那么明显的错误，自己看不出来？

Answer 3

在 node 环境中忽略 css 即可，方法是重写 require.extensions[ext]，也可以使用现成的库： https://www.npmjs.com/package...