transferred with MIME type text/html

Question

require.config({    baseUrl: '',    paths: {        'angular': 'lib/angular',        'router': 'lib/ui-router'    },    shim: {        'angular': {            exports: 'angular'        }    },    map: {      '*': {        'css': 'lib/require-css'      }    },    waitSeconds: 0});require(['angular','router', 'css!../css/index.css'], function (angular, router) {    var app = angular.module('beta', ['ng', 'ui.router']);    app.controller('betaCtrl', ['$scope', function ($scope) {        $scope.name = 'lily';        console.log($scope.name);    }]);    app.config(function ($urlRouterProvider, $stateProvider) {        $urlRouterProvider.otherwise('/home');        $stateProvider.state('home', {            url: '/home',            templateUrl: 'view/home/home.html'        });    });    angular.element(document).ready(function () {        angular.bootstrap(window.document, ['beta']);    });});index.css已经加载了，但是控制台有一个小提醒，样式没有渲染出来。有人知道为什么吗？

Answer 1

没有正确设置CSS文件的头文件,请求类型为text/html，应该为text/css，看看你的请求header的Content-Type是不是这个吧，text/css。