javascript - require 没有正确加载模块

Question

在包含 require 标记后，应用程序表现异常。除了下面的代码之外，还有什么方法可以引导我的应用程序。

main.js 

require(['/module.js'], function() {
            angular.element(document).ready(function () {
                angular.bootstrap(document, ['myApp']);
            });     
});

当我编写为单个文件 js 文件时，代码工作正常。

module.js

var name = 'myApp';
angular.module(name, [])
   .controller('Controller', require(['controller.js']))
   .factory('Service', require(['service.js']))
   .filter('Number', require(['filter.js']));

我已将我的 main.js 包含在 index.html 中。 index html 有 3 个 View ，我基于 index.html 中的 ng-show 显示它们。

问题是 module.js 和 js 文件加载不正确。脚本未正确执行，因此我的整个 index.html 页面(包括 3 个 View )自动显示并显示错误消息。

控件不会转到 controller.js/service.js

Error :
Error: Unknown provider: depsProvider <- deps .

我是否遗漏了任何定义代码？提前致谢

Answer 1

Angular默认不支持AMD，需要配置angular才能导出angular对象。请查看此 post了解更多详情。

require.config({

    paths: {
        'angular': '../lib/angular/angular'
    },

    shim: {
        'angular': {
            exports: 'angular'
        }
    }
});

你的 module.js 应该用 requirejs 的 define 方法定义，它应该返回模块。

你可以在使用 requireJs 时省略文件扩展名 (.js)