为什么我的服务器给index.html加了神秘风格？

Question

我设置了一个基本节点、express、React 应用程序，express 正在提供包括我的 css 在内的静态内容。当我查看源代码时，我注意到 index.html 在 head 标签中添加了这个：

<style type="text/css">* {}</style>

它肯定不在实际文件中。这是哪里来的？

此外，我没有在页面上看到我实际的 css 渲染。但是我确实看到 css 文件正在 chrome 网络选项卡中加载。我也看到 bootstrap 风格很好，他们的服务方式相同。这是怎么回事？

我的服务器：

var express = require('express'),
    bodyParser = require('body-parser'),
    http = require('http'),
    path = require('path');
    
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static(path.join(__dirname, 'public')));
app.use(cors());

app.get('*', function(req, res) {
  res.sendFile(path.join(__dirname, 'public', 'index.html'));
});

http.createServer(app).listen(8080), function () {
  console.log('Express server listening on port 8080');
});

这是我的 css

body{
  color: red;
}

Answer 1

答案来自@godfrzero - chrome 扩展导致了神秘风格。

为什么我的服务器给index.html加了神秘风格？

Why does my server adds a mystery style to index.html?

html

css

static-content

express

server