在RequireJS中以同步顺序加载脚本-LoadscriptsinasynchronousorderinRequireJS

0  

If you write script like this in head tag, its not loaded synchronously in browser. main.js took long time to load as compare to app.js in browser. Hence you getting this error. Try to load app.js via main.js file

如果在head标签中编写这样的脚本,则不会在浏览器中同步加载。与浏览器中的app.js相比,main.js需要很长时间才能加载。因此,您收到此错误。尝试通过main.js文件加载app.js.

Your have to use shim : {} to define dependencies in requireJS config file.

您必须使用shim:{}来定义requireJS配置文件中的依赖项。

main.js

require.config({

paths: {
    'angular': '../lib/angular/angular',
    'angular-route': '../lib/angular-route/angular-route',
    'domReady': '../lib/requirejs-domready/domReady'
},

/**
 * for libs that either do not support AMD out of the box, or
 * require some fine tuning to dependency mgt'
 */
shim: {
    'angular': {
        exports: 'angular'
    },
    'angular-route': {
        deps: ['angular']
    }
},

deps: [
    // kick start application... see bootstrap.js
    './bootstrap'
]
});

In main.js you have to bootstrap your angular App and then have to call app.js from bootstrap.js

在main.js中,您必须引导角度应用程序,然后必须从bootstrap.js调用app.js.

bootstrap.js

define([
    'require',
    'angular',
    'app',
    'routes'
], function (require, ng) {
'use strict';

/*
 * place operations that need to initialize prior to app start here
 * using the `run` function on the top-level module
 */

require(['domReady!'], function (document) {
    ng.bootstrap(document, ['app']);
    });

});

here in bootstrap file your app.js is called so always you app.js is called after main.js

在bootstrap文件中你的app.js被调用,所以你总是在main.js之后调用app.js

For more information about angular with requireJS please refer startersquad example.

有关使用requireJS设置角度的更多信息,请参阅startersquad示例。

Read this documentation for more information.

阅读本文档以获取更多信息。