react：未加载本地样式表，因为其MIME类型“text/html”不是“text/css”

顺晟科技

2021-08-31 12:26:51

419

我有一个问题，从我一直在看的各种帖子中我都无法解决，我不确定问题是什么。错误消息为:

The stylesheet http://localhost:3000/public/css/dx.generic.GenericLightProtis.css was not loaded because its MIME type, “text/html”, is not “text/css”.

我混合使用了React Router Dom和一些DevExtreme组件，并试图将样式表（用De的主题构建器制作）加载到index.html中（这是基于De的主题系统的工作方式）。

我从

开始

<head>
<link rel="dx-theme" data-theme="generic.light" href="css/dx.generic.GenericLightProtis.css" data-active="true">
<head>

这抱怨MIME类型。我开始仔细研究，然后尝试通过将链接部分替换为:

来自己加载样式表

<link rel="stylesheet" type="text/css" href="/public/css/dx.generic.GenericLightProtis.css">

仍在默写投诉。

我知道它是一个可以工作的样式表，因为我可以直接将它导入到React，它会按照它应该的方式设置所有的样式。我不认为我需要在这里链接我的所有代码，但这里是 index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
<!--    <link rel="dx-theme" data-theme="generic.light" href="css/dx.generic.GenericLightProtis.css" data-active="true">-->
    <link rel="stylesheet" type="text/css" href="/public/css/dx.generic.GenericLightProtis.css">
</head>
<body class="dx-viewport">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="ReactRoot"></div>
</body>
</html>

和app.js，app.js包含root base和React Router Dom内容:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.js';
import {BrowserRouter} from "react-router-dom";

ReactDOM.render(
    <BrowserRouter>
        <App/>
    </BrowserRouter>,
    document.getElementById('ReactRoot'),
);

以防万一，下面是我的项目结构的快速快照：

顺晟科技：

上一篇：VUEJS和JS动画下一篇：请问开始入门学习bootstrap框

网站建设

Html

react：未加载本地样式表，因为其MIME类型“text/html”不是“text/css”