Node.js引入样式表出现Unexpected token '{'错误求助

架构老林

2026-7-26

错误原因分析

Node.js默认只能解析JavaScript模块，你直接用require('./stylesheet.css')引入CSS文件时，Node会把CSS内容当作JS代码去解析。但CSS里的{符号不符合JavaScript语法规范，所以触发了SyntaxError: Unexpected token '{'错误。

解决思路

根据项目类型选择对应方案：

纯Node.js后端项目：后端代码不需要处理前端样式，直接删除var Code = require('./stylesheet.css');这行代码即可。
前端项目（用Webpack/Rollup等打包工具）：需要配置CSS loader来让打包工具正确解析样式文件：
1. 安装依赖：npm install css-loader style-loader --save-dev
2. 在Webpack配置文件中添加规则：
```
module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: ['style-loader', 'css-loader'],
      },
    ],
  },
};
```
配置完成后，打包工具会将CSS处理后注入到页面，不会让Node直接解析CSS代码。
Electron等混合项目：CSS应该在渲染进程的HTML文件中通过<link rel="stylesheet" href="./stylesheet.css">引入，不要在主进程的JS里用require加载样式文件。