Firebase, AngularFire Ошибка: модуль firebase недоступен

Я пытаюсь настроить firebase, angularfire для моего приложения Yoman, AngularJS. Я после этого учебника здесь (https://www.firebase.com/tutorial/#tutorial/angular/0), но я постоянно получаюFirebase, AngularFire Ошибка: модуль firebase недоступен

Uncaught Error: [$injector:modulerr] Failed to instantiate module MyApp due to: 
Error: [$injector:modulerr] Failed to instantiate module firebase due to: 
Error: [$injector:nomod] Module 'firebase' is not available! You either misspelled the m...<omitted>...1)

Как обойти это?

Я считаю, что это две строки из учебника, в котором говорится, что он загружает firebase для нас, но я могу помещать его в неправильное место. Я попытался положить его между ними тегах головы, правой компонентами Бауэр, а также рядом со всеми моими скриптами

<script src='https://cdn.firebase.com/js/client/1.0.15/firebase.js'></script> 
<script src='https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js'></script>

источник

2014-07-29 stcho

Ваша проблема связана с разрешением. Скрипты находятся в нужном месте на странице, они просто не найдены на сервере (что отличный учебник). Если вы посмотрите в консоли, вы увидите 404 ошибки. По-видимому, нет версии 0.8.0 ** AngularFire **. Если вы посмотрите на их страницу Github, вы увидите версии 0.7.1, 0.7.0, 0.6.0, 0.5.0 и т. Д. Если вы замените 0.8.0 в URL скрипта одной из этих версий, он должен работать. – Ian

@ Теперь я расскажу об учебнике. Я получаю «приложение/скрипты/контроллеры/main.js строка 32 col 23« Firebase »не определен». но я также получил это из учебника. Как мне заставить это работать? – stcho

Вот вопрос к задаче, описанной ранее ранее. Http://stackoverflow.com/questions/25021640/angularfire-firebase-is-not-defined – stcho

Вам нужно впрыскивать firebase модуль в вашем приложении, как инъекции зависимостей

где-то в код, у вас есть это,

var myApp = angular.module("myApp",[]);

это должно быть

var myApp = angular.module("myApp",['firebase']);

источник

2014-07-29 17:05:59

Я уже пробовал это как в моих app.js, так и в main.js, но он все еще утверждает ту же ошибку. Однако в обоих файлах я не вижу «var myApp =», где этот синтаксис обычно? – stcho

Если нет другого «var myApp = ...» где-то, кроме моего app.js, main.js, этот ответ не решил мою проблему. – stcho

У меня был этот вопрос, и я обнаружил, что загрузка огневой базы, а затем угловой, то угловой огонь работал нормально. Нравится

<head> 
    <script src="https://cdn.firebase.com/js/client/2.2.2/firebase.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/services.js"></script> 
    <script src="https://cdn.firebase.com/libs/angularfire/1.0.0/angularfire.min.js"></script> 
</head>

источник

2015-04-29 21:54:03 SoEzPz

Это происходило со мной.

Я добавил зависимость angularfire (Беседки установка angularfire)
Я добавил 'firebase' в массиве зависимостей при создании модуля.

Однако, я все еще получаю сообщение об ошибке «Модуль« firebase »недоступен».

Ключом было то, что я забыл «-save». Когда я вернулся в свою командную строку и запустил это:

bower install angularfire --save

тогда это сработало!

источник

2016-04-30 16:40:20 Jim

Для того, чтобы использовать AngularFire в проекте, включают в себя следующие теги сценария:

<!-- AngularJS --> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 

<!-- Firebase --> 
<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script> 

<!-- AngularFire --> 
<script src="https://cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script>

полный учебник: https://www.firebase.com/docs/web/libraries/angular/quickstart.html

источник

2016-05-16 17:19:23

я имел такую же проблему с помощью узла 6.10 и из информации о Uncaught ReferenceError: Firebase is not defined Я попробовал то, что было предложено следующим образом:

<head> 
    <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script> 
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> 
    <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'> 
    </head>

оно однако не сработало. так, что я сделал, чтобы установить firebase и angularfire следующим образом с использованием углового Cli

npm install firebase --save 
npm install angularfire --save

внутри вашего файла AppComponent вы можете определить класс следующим образом

export class AppComponent { 
    ... 

    constructor() { 
    // Initialize Firebase 
    var config = { 
     apiKey: "...", 
     authDomain: "...", 
     databaseURL: "...", 
     projectId: "...", 
     storageBucket: "...", 
     messagingSenderId: "..." 
    }; 
    // firebase.initializeApp(config); 
    initializeApp(config); 

    // var root = firebase.database().ref(); 
    var firebaseRec= database().ref(); 

    ... 
    } 

}

это решит проблему с ссылка на firebase не определена

источник

2017-04-22 14:34:00 odins

Firebase, AngularFire Ошибка: модуль firebase недоступен

ответ

Смежные вопросы