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。