Question

我正在使用一些代码库，其中使用了require.js和require-css。我在浏览器控制台上收到以下错误消息。

Error: Module name "../../../libs/require-css/css!views/../../stylesheets/css/modules/basicTheme" has not been loaded yet for context: _ http://requirejs.org/docs/errors.html#notloaded

我要求的配置如下：

requirejs.config({
    baseUrl: './js/',

    map: {
        '*': {
            'css': '../../../libs/require-css/css'
        }
    },

    paths: {
        ...
        ...     
    },
    ...
    ...
});

在我的视图中，我尝试按以下方式加载它：

define(function(require) {
    "use strict";
    require("css!../../../stylesheets/css/modules/basicTheme.css");
});

我不明白为什么会出现此错误。我还检查了我的basicTheme.css文件是否已加载到firebug中的网络选项卡中。

Answer 1

显示它是因为您的require('X')用于加载模块＆＃34;同时加载＆＃34;从缓存中，你仍然需要＆＃34;加载＆＃34;页面的模块：

define(["css!../../../stylesheets/css/modules/basicTheme.css"], function(require) {
    "use strict";
    require("css!../../../stylesheets/css/modules/basicTheme.css");
});

或

define(function(require) {
    "use strict";
    require(["css!../../../stylesheets/css/modules/basicTheme.css"], function(){
    //ok now it's loaded
  });
});

使用require-css插件时模块尚未加载错误

1 个答案: