2016-02-03 1 views
0

Я пытаюсь следовать веб Quickstart на Firebase нашел здесь, но я застреваю на шаге 2.ошибка «Firebase не определена» в онлайн IDE

Я создал новый веб-страницу на Cloud9, используя HTML5 шаблон, с следующим основным содержанием:

<html> 
    <head> 

    </head> 
    <body> 
     "Hallo" 

     <script src="https://cdn.firebase.com/js/client/2.4.0/firebase.js"> 
      var myFirebaseRef = new Firebase('https://luminous-fire-8659.firebaseio.com/'); 
      myFirebaseRef.set({ 
       title: "Hello World!", 
       author: "Firebase", 
       location: { 
       city: "San Francisco", 
       state: "California", 
       zip: 94103 
       } 
      }); 
     </script> 
    </body> 
</html> 

Если я не добавить строки вар Firebase = требуется ("firebase"); Я получаю ошибку

'Firebase is not defined'.

Если добавить строку я получаю ошибку:

'uncaught reference error: require is not defined.

Я также пытался использовать шаблон nodeJS, а затем запустить команду $ НПМ установить firebase --save в терминале. Результат показывает в терминале:

[email protected] node_modules/firebase 
└── [email protected] ([email protected]) 

(поэтому установка firebase похоже на работу), а затем добавить эту страницу кода, но это не делает разницы.

правила безопасности устанавливаются по умолчанию:

{ 
    "rules": { 
     ".read": true, 
     ".write": true 
    } 
} 

Как решить эту проблему? У меня нет возможности устанавливать nodeJS локально (работая на школьном компьютере).

+3

Вы не можете комбинировать содержимое 'src' и скрипта, которое я знаю ... вы должны использовать два отдельных тега' script' –

ответ

4

require() не существует в браузере - он специфичен для среды выполнения Node.js, но не является частью самого JavaScript. Вы не можете использовать модули NPM в браузере без использования дополнительных инструментов для комплектации, таких как Webpack.

При этом код в исходном примере не за горами - вам нужно просто поместить src="https://cdn.firebase.com/js/client/2.4.0/firebase.js" в отдельный тег сценария, который раньше, чем тот, который содержит ваш код. Но, чтобы быть ясным, это просто обычный JavaScript, а не Node.js - если вы пытаетесь написать код узла в документе HTML, вы не понимаете, что такое Node на самом деле!

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