錯誤注射時角animate.js

我收到以下錯誤： Unknown provider: $animateProvider from ngAnimate錯誤注射時角animate.js

這裏是我的app.js：

var MyApp = angular.module("MyApp", ["ui.bootstrap", "ngAnimate"])

這裏是index.html頭：

<html lang="en" ng-app="MyApp"> 
<head> 
    <meta charset="utf-8"> 
    <script type="text/javascript" src="angular.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
    <script type="text/javascript" src="angular-animate.js"></script> 
    <script type="text/javascript" src="ui-bootstrap-tpls-0.6.0.min.js"></script> 
    <script type="text/javascript" src="controllers.js"></script> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/style.css" /> 
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> 
    <title>My App</title> 
</head> 
<body ng-controller="AppCtrl" style="padding-bottom: 70px">

Bootstrap alone loading is fine。

我在做什麼錯？

這裏是plnkr

來源

2013-10-16 Bojana Šekeljić

你可以jsFiddle/plnkr的問題 – smk

@smk我編輯的問題，在底部添加，謝謝 –

我得到一個不同的錯誤與您的代碼。我錯過了$routeProvider錯誤。

隨着你app.js的第一行試試這個：

var MyApp = angular.module("MyApp", ["ngRoute", "ngAnimate", "ui.bootstrap"])

代替

var MyApp = angular.module("MyApp", ["ngAnimate", "ui.bootstrap"])

並添加你的頭：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-route.js"></script>

順便說一句，用在這些情況下，plnkr.co中Angular的非縮小版本給出了更多的人類可讀的錯誤消息。

來源

2013-10-16 20:20:08 KayakDave

我用我的本地代碼中的plnkr谷歌託管的代碼，現在我得到'錯誤：[$ injector：modulerr]'...和錯誤是相同的，當我添加'「ngRoute」' –

忘了提及包括它。我只是補充說 - 看看是否包括angular-routes.js修復它（看起來像它適用於我 - 讓你在AppCtrl中出現錯誤）。 – KayakDave

並添加controllers.js來解決AppCtrl問題。 – KayakDave

您在聲明角動畫庫之前app.js。試試這個：

<html lang="en" ng-app="MyApp"> 
<head> 
    <meta charset="utf-8"> 
    <script type="text/javascript" src="angular.js"></script> 
    <script type="text/javascript" src="angular-animate.js"></script> 
    <script type="text/javascript" src="ui-bootstrap-tpls-0.6.0.min.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
    <script type="text/javascript" src="controllers.js"></script> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/style.css" /> 
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> 
    <title>My App</title> 
</head> 
<body ng-controller="AppCtrl" style="padding-bottom: 70px">

來源

2013-10-16 20:20:00 Fourth

不會改變任何東西... –

錯誤注射時角animate.js

回答

相關問題