NodeJS Tailwind CSS served with MIME type text/html

epfja78i 于 2023-06-22 发布在 Node.js

关注(0)|答案(1)|浏览(132)

我在项目中遇到错误，我收到以下消息：
拒绝应用“http：//localhost：3000/src/output.css”中的样式，因为其MIME类型（'text/html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。
我使用的是React 18.2.0和Tailwindcss 3.3.2。我的tailwind.config.js是：

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        poppins: ['Poppins', 'sans-serif'],
      },
    },
  },
  plugins: [],
};

我在服务器端使用[下面的代码]向客户端提供静态文件：

app.use(express.static(path.join(__dirname, 'src')));
app.use(express.static(path.join(__dirname, 'public')));

在我的项目的每一页上发生的问题。我认为原因是因为我在客户端使用代理设置：

"proxy": "http://localhost:8800/api",

我在我所有的路由（post，get，put..）上使用这个代理，我不能删除它。
我将非常感谢你的帮助！
我尝试更改静态路径-没有成功。我试图在客户端从package.json中删除代理-解决了问题，但产生了更大的问题。

node.js

来源：https://stackoverflow.com/questions/76482952/tailwind-css-served-with-mime-type-text-html

1条答案

按热度按时间

sdnqo3pr1#

根据Express's documentation（强调我的）：
例如，使用以下代码在名为public的目录中提供图像、CSS文件和JavaScript文件：

app.use(express.static('public'))

现在，您可以加载public目录中的文件：

http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

Express查找文件相对于静态目录，因此静态目录的名称不是URL的一部分。
因此，您的output.css文件似乎位于<project-root>/src/output.css，因此您可以通过URL http://localhost:3000/output.css请求它。

赞(0）回复(0）举报 2023-06-22

我来回答

NodeJS Tailwind CSS served with MIME type text/html

1条答案

相关问题

热门标签

最新问答