为啥我会因为 jQuery 而出现“启动应用程序失败”错误?

Posted

技术标签:

【中文标题】为啥我会因为 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']);

【问题讨论】:

【参考方案1】:

你有

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"&gt;&lt;/script&gt;

但没有

&lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-materialize/0.2.1/angular-materialize.min.js"&gt;&lt;/script&gt;

【讨论】:

【参考方案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>

希望对你有帮助..

【讨论】:

以上是关于为啥我会因为 jQuery 而出现“启动应用程序失败”错误?的主要内容,如果未能解决你的问题,请参考以下文章

Backbone.js 视图是不是需要 jQuery 或 Zepto? (或者:为啥我会收到“未捕获的类型错误:未定义不是函数”?)

为啥我会出现比赛条件?

春季安全 |为啥当它们有效时我会得到错误的凭据?

为啥我会出现超出范围的错误?

为啥我会出现此错误:“数组”第 2 行或附近的语法错误:值数组?

为啥我会出现分段错误?我正在尝试解决迷宫问题中的老鼠