2017-01-01 6 views
0

메신저를 포함하려고 시도하고 처음에 '모듈을 인스턴스화하지 못했습니다.'라는 오류가 발생했습니다. 그런 다음 npm의 속성에 의존적 인 것으로서 angle-aria를 설치하고 ngmaterial을로드하기 전에로드했습니다. 지금은 더이상 ngmaterial뿐만 각도 - 아리아를 들어, 같은 오류를받지 못했습니다 : 필자는 모든 유사한 게시물을 읽을 수는 있지만 아무 것도 정말 도움이되지 같은 느낌오류없이 모듈 angular-aria 및 ngmaterial을 올바르게 인스턴스화하는 방법은 무엇입니까?

ailed to instantiate module angular-aria due to: 
Error: [$injector:nomod] Module 'angular-aria' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

합니다. 모든 아이디어는 정말 감사하겠습니다! 시. 그게 무엇보다 중요하다면, 나는 꿀꺽 꿀꺽 삼키는 것을 사용합니다. 또한 npm 설치와 bower 설치 사이에 차이가 있다면 누군가 나에게 설명 할 수 있습니까? 감사합니다.

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

<head> 
    <base href="/" /> 
    <title>Candles Shop</title> 
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
    <link href="https://fonts.googleapis.com/css?family=Josefin+Slab:700" rel="stylesheet"> 
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Pacifico" /> 
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Rammetto+One" /> 
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Gloria+Hallelujah" /> 
    <link rel="stylesheet" type="text/css" href="/font-awesome/css/font-awesome.min.css"> 
    <link rel="stylesheet" href="/materialize-css/bin/materialize.css"> 
    <link rel="stylesheet" type="text/css" href="/angular-input-stars-directive/angular-input-stars.css"> 
    <link rel="stylesheet" type="text/css" href="/style.css" /> 
    <script type="text/javascript" src="/jquery/dist/jquery.min.js"></script> 
    <script src="/lodash/index.js"></script> 
    <script src="/angular/angular.js"></script> 
    <script src="/angular-animate/angular-animate.js"></script> 
    <script src="/angular-ui-router/release/angular-ui-router.js"></script> 
    <script src="/angular-ui-router-styles/ui-router-styles.js"></script> 
    <script src="/angular-ui-bootstrap/ui-bootstrap.js"></script> 
    <script src="/angular-ui-bootstrap/ui-bootstrap-tpls.js"></script> 
    <script src="/angulike/angulike.js"></script> 
    <script src="/angular-password/angular-password.js"></script> 
    <script type="text/javascript" src="/materialize-css/bin/materialize.js"></script> 
    <script type="text/javascript" src="/angular-materialize/src/angular-materialize.min.js"></script> 
    <script type="text/javascript" src="/angular-input-stars-directive/angular-input-stars.js"></script> 
    <script src="https://js.stripe.com/v2/"></script> 
    <script type="text/javascript" src="/angular-stripe/release/angular-stripe.js"></script> 

    <script src="/angular-aria/angular-aria.js"></script> 
    <script src="/angular-material/angular-material.min.js"></script> 
    <script type="text/javascript" src="/angular-sidebar/angular-sidebar.css"></script> 

    <script src="/socket.io-client/socket.io.js"></script> 
    <script src="/main.js"></script> 
</head> 

<body ng-app="candleShop" ng-class="{'home-page': $state.includes('home'), 'store-page' : $state.includes('store')}"> 
    <navbar></navbar> 
    <div id="main" class="container" ui-view autoscroll='true'></div> 
</body> 

</html> 

app.js :

'use strict'; 

window.app = angular.module('candlesApp', ['ng', 'angulike', 'fsaPreBuilt', 'ngPassword', 'ui.router', 'ui.bootstrap', 'ui.materialize', 'angular-input-stars','angular-stripe', 'ngAnimate', 'angular-aria', 'ngMaterial', 'angular-sidebar']); 

답변

0

여기에 각-아리아에 대한 설명서를 보면 : https://docs.angularjs.org/api/ngAria

당신이 볼 : 마지막으로

을의로드 모듈을 종속 모듈로 추가하여 응용 프로그램의 모듈 :

angular.module ('app', [ 'ngAria']);

종종 파일 이름과 모듈 이름이 같지 않습니다. 항상 설명서를 확인하십시오.

+0

감사합니다. 나는 어딘가에 이름 angle-aria를 보았고, 두 배의 수표를 didnt한다! – web2016