2014-09-15 3 views
0

Я пытаюсь узнать, как использовать require.js для загрузки моих скриптов, но что-то не так с моей настройкой/пониманием. Я не вижу, что случилось. Это что-то простое с настройкой, которую мне не хватает.Почему эта простая установка require.js не работает?

Когда я загружаю эту страницу index.html в chrome, ни один из сценариев require.js действие не работает.

*** index.html

<html> 
<head> 
    <title>My Sample Project</title> 
</head> 
<body> 
    <h1 class="h1">sample project header</h1> 
    <script data-main="main" src="require.js"></script> 
</body> 
</html> 

*** main.js

(function() { 
    requirejs.config({ 
    //By default load any module IDs from baseUrl 
    baseUrl: '', 
    // paths config is relative to the baseUrl, and 
    // never includes a ".js" extension 
    paths: { 
     'small-blue-mod': './a-script' 
    } 
    }); 

    // Start the main app logic. 
    requirejs(['small-blue-mod'], function (sbm) { 
    alert(sbm.color); 
    }); 
})(); 

*** ружейно-голубые mod.js

define({ 
    color: "blue", 
    size: "small" 
}); 

* Файловая система выглядит следующим образом:

index.html 
main.js 
require.js 
FOLDER called "a-script" 

a-script папка содержит small-blue-mod.js

ответ

1

Путь small-blue-mod относится к папке a-script, либо требуют, как small-blue-mod/small-blue-mod или рекомендуется изменить ваши пути к этому:

paths: { 
    'small-blue-mod': './a-script/small-blue-mod' 
} 
+0

, что это было! Большое спасибо! :) – Johnny5

Смежные вопросы