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']));

我已經在 index.html 中包含了我的 main.js 。 index html 有 3 個視圖，我根據 index.html 中的 ng-show 顯示它們。

問題是 module.js 正確加載和 js 文件。 腳本未正確執行，因此我的整個 index.html 頁面（包括 3 個視圖）自動顯示錯誤消息。

控制不會轉到 controller.js/service.js

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

我錯過了任何定義代碼嗎？ 提前致謝

Answer 1

Angular 默認不支持 AMD，您需要配置 angular 才能導出 angular 對象。 請查看此帖子以獲取更多詳細信息。

require.config({

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

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

你的module.js 應該用requirejs 的define 方法定義並且它應該返回module。

使用 requireJs 時可以省略文件擴展 (.js)