Question

我是一名新程序员，需要一些帮助。我正在尝试启动一个网站，但不会加载样式表。错误看起来像这样：

拒绝应用“ http://localhost:3000/stylesheets/home.css”中的样式，因为它的MIME类型（“ text / html”）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。

我知道报告了其他类似的错误，但是我正在从Atom.io运行到Google Chrome浏览器上。不知道它是否与我的IDE或浏览器有关，但是我看到的所有其他解决方案都不适用于我。我在后端运行node.js，这是我的代码：

var express = require('express'),



`app = express(),
bodyParser    = require('body-parser'),
mongoose      = require("mongoose"),
passport = require('passport'),
flash = require('connect-flash'),
methodOverride = require('method-override'),
LocalStrategy = require('passport-local');

app.use(bodyParser.urlencoded({extended:true}));
app.use(express.static(__dirname + "/public"));
app.set('view engine', 'ejs');


//index
app.get('/',function(req,res){
  res.render('home')
})

app.listen(3000, function(){
    console.log("Your personal website has started")

}); `

有人可以帮我吗？我的前端代码也是如此：

<html lang = 'en'>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"></link>
  <link href ='/stylesheets/home.css' rel ='stylesheet' type = 'text/css'></link>
</head>

谢谢！杰克

Answer 1

在服务器文件中使用以下代码：

app.use(express.static(__dirname + '/public'));

在home.ejs文件中使用此代码

<link rel="stylesheet" type="text/css" href="/css/app.css" />

拒绝应用样式表，因为它是MIME类型，将ATOM.io运行到Google Chrome

1 个答案: