为什么我会因为 jQuery 而出现“启动应用程序失败”错误？答案

【问题标题】：Why do I have an 'failed to initiate app' error because of jQuery?为什么我会因为 jQuery 而出现“启动应用程序失败”错误？
【发布时间】：2017-05-21 18:59:58
【问题描述】：

我正在使用 Angular，但由于我的 jQuery 脚本，我收到了启动应用程序失败的错误。我不知道是什么原因造成的。我包含了 angular、jQuery、ui-router 和 materialize（我正在使用）的脚本标签，并将它们作为我的依赖项注入。我一直在看这么多帖子等，只是不知道是什么导致了错误。任何想法都会很棒。谢谢。

jquery.min.js:2 未捕获错误：[$injector:modulerr] http://errors.angularjs.org/1.6.1/$injector/modulerr?p0=myApp&p1=Error%3A%2…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.1 %2Fangular.min.js%3A21%3A332)

project1/index.html：

<!DOCTYPE html>
<html lang="en">

<head>
    <title>page</title>
    <link rel="stylesheet" type="text/css" href="public/css/style.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js">    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.2/angular-ui-router.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>

    <script src="js/app.js"></script>
   <script src="js/navbar/navbar.js"></script>
</head>

<body ng-app="myApp">
    <header></header>

    <navbar></navbar>
    <ui-view></ui-view>
</body>

</html>

project1/js/app.js

'use strict';
var app=angular.module('myApp', ['ui.router', 'ui.materialize']);

【问题讨论】：

标签： jquery angularjs dependency-injection error-handling angular-ui-router

【解决方案1】：

你有

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>

但没有

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-materialize/0.2.1/angular-materialize.min.js"></script>

【讨论】：

【解决方案2】：

只需检查您是否拥有所需的所有依赖项。为了实现我使用了 2 个库。我在您的代码中只看到 1 个。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-materialize/0.2.1/angular-materialize.min.js"></script>

希望对你有帮助..

【讨论】：