为什么我因为jQuery而导致“无法启动应用程序”错误?

时间:2017-01-06 22:33:04

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

我正在使用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 =错误%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']);

2 个答案:

答案 0 :(得分:0)

你有

<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>

答案 1 :(得分:0)

只需检查您是否拥有所需的所有依赖项。为了实现我使用了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>

希望有所帮助......