Typescript 服务器端呈现的意外令牌使用CSS进行响应

我正在用Typescript编写一个服务器端renderer Node.JS应用程序。我使用

react-dom/server

library生成react应用程序的原始HTML字符串。我现在无法呈现正在导入

css

文件的React组件。以下是我在启动Node.js应用程序时看到的错误：

(function (exports, require, module, __filename, __dirname) { .className {

如您所见，它无法读取

js

中的

css

语法。Typescript中是否有特定的配置，可以将

css

文件转换为有效的

js

文件

有很多替代方案，但这些替代方案与我期望的解决方案大相径庭，那就是将

css

语法转换为在NodeJS中可读的语法

以下是我尝试过的备选方案： 1） 包裹。这是可行的，但就像npm包的用途一样，它忽略了样式，因此从最初的服务器端呈现的HTML字符串中删除了css

2） 。我喜欢JS中CSS的概念。我觉得这对于较小的项目来说是一种过分的做法

我的tsconfig.json文件

{
  "compilerOptions": {
    /* Basic Options */
    "target": "es2016",
    "module": "commonjs",
    "lib": [
      "es2016",
      "esnext.asynciterable",
      "dom"
    ],
    "jsx": "react",
    "sourceMap": true,
    "declaration": true,
    "rootDir": "src",
    "outDir": "lib",

    /* Module Resolution Options */
    "esModuleInterop": true,
    "moduleResolution": "node",
    "baseUrl": ".",
    "resolveJsonModule": true
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}