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 方法来定义，并且它应该返回 module。

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