未捕获的错误：[$injector:modulerr] 使用 Angular 和 require答案

【问题标题】：Uncaught Error: [$injector:modulerr] while using angular with require未捕获的错误：[$injector:modulerr] 使用 Angular 和 require
【发布时间】：2016-11-18 06:04:44
【问题描述】：

我想将 require 与 Angular 一起使用，我创建了一个示例应用程序用于学习。我的代码文件如下所示

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>RequireJs Demo</title>

    <script src="require.js" data-main="main.js"></script>
</head>
<body ng-controller="myController">
{{message}}
</body>
</html>

main.js

require.config({
    paths: {
        angular: 'angular.min',
        angularresourse:'angular-resource.min'
    },
    
    shim: {
        angularresourse:['angular'],
        "angular": {
            exports: "angular"
        }
    }
});
require(['angular', 'module'],
    function () {
        angular.bootstrap(document, ['app']);
    }
);

模块.js

define(['angular', 'controller'], function (angular,controller) {
    angular.module('app',[])
        .controller('myController', controller);
});

controller.js

define([], function () {
    var myController = function ($scope) {
        $scope.message = "RequireJs Integrated successfully";
    };

    myController.$inject = ['$scope'];

    return myController;
});

但是在执行时显示错误

"angular.min.js:6 未捕获错误：[$injector:modulerr] http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=app&p1=Error%3A%20%…ttp%3A%2F%2Flocalhost%3A8383%2FAngular_Require%2Fangular.min.js%3A20%3A390)"

有人可以帮我吗...

【问题讨论】：

标签： angularjs requirejs

【解决方案1】：

在 HTML 中像这样使用ng-app="app"

<html lang="en" ng-app="app">
   <head>
        <meta charset="UTF-8">
        <title>RequireJs Demo</title>

        <script src="require.js" data-main="main.js"></script>
    </head>
    <body ng-controller="myController">
    {{message}}
    </body>
</html>

在您的代码中添加 JS 文件。

【讨论】：

在你的html页面中添加依赖的js文件。
我不想在 index,html 中包含我的所有 js 文件。为了避免我遵循 require.js ..这段代码正在运行，并且在“codeproject”的一些教程中找到，但在什么时候不起作用我复制了同样的
在这里分享教程链接。
codeproject.com/Articles/1069294/…
好的，我读了。此错误与模块或依赖js文件有关。