search

neojato / DeLorean-v2

A Professional Template for large GDG events. This project has been designed to continue to be your DevFest/IWD website solution without having to create a new site or Firebase project every year.
https://delorean-demo.firebaseapp.com
MIT License
46 stars 54 forks source link

Showing white screen #35

Closed MiaShopgal closed 5 years ago

MiaShopgal commented 5 years ago

I follow the Getting Started session, although there were some files(not mentioned in the Getting Started session) asked to be overwritten or not, I chose no for everyone. Most of the values in firebase.config.ts were replaced with my own, expect messagingSenderId (I can't find where to get it)

Expected Behavior

I should see a beautiful website by opening http://localhost:4200/

Current Behavior

the website shows "loading" then redirect to http://localhost:4200/home and showing blank, just white....

Possible Solution

Steps to Reproduce

  1. firebase init
  2. chose Database, Functions and Hosting
  3. y for What file should be used for Database Rules? (database.rules.json)
  4. select JavaScript for What language would you like to use to write Cloud Functions? (Use arrow keys)
  5. y for Do you want to use ESLint to catch probable bugs and enforce style?
  6. n for File functions/package.json already exists. Overwrite?
  7. n for File functions/.eslintrc.json already exists. Overwrite?
  8. n for File functions/index.js already exists. Overwrite?
  9. n for File functions/.gitignore already exists. Overwrite?
  10. y for Do you want to install dependencies with npm now?
  11. dist for What do you want to use as your public directory?
  12. y for Configure as a single-page app (rewrite all urls to /index.html)?
  13. n for File dist/index.html already exists. Overwrite? 15 click localhost link when Compiled successfully

Context (Environment)

mac os x64 node.js version v10.15.3

Detailed Description

Possible Implementation

MiaShopgal commented 5 years ago

I find some error log in Chrome's developer tool console: core.js:1673 ERROR Error: permission_denied at /2019/siteConfig: Client doesn't have permission to access the desired data. at Object.push../node_modules/@firebase/database/dist/cjs/src/core/util/util.js.exports.errorForServerCode (util.js:513) at onComplete (SyncTree.js:538) at Object.onComplete (Repo.js:115) at PersistentConnection.js:180 at PersistentConnection.push../nodemodules/@firebase/database/dist/cjs/src/core/PersistentConnection.js.PersistentConnection.onDataMessage (PersistentConnection.js:435) at Connection.push../nodemodules/@firebase/database/dist/cjs/src/realtime/Connection.js.Connection.onDataMessage (Connection.js:262) at Connection.push../nodemodules/@firebase/database/dist/cjs/src/realtime/Connection.js.Connection.onPrimaryMessageReceived (Connection.js:256) at WebSocketConnection.onMessage (Connection.js:157) at WebSocketConnection.push../nodemodules/@firebase/database/dist/cjs/src/realtime/WebSocketConnection.js.WebSocketConnection.appendFrame (WebSocketConnection.js:197) at WebSocketConnection.push../node_modules/@firebase/database/dist/cjs/src/realtime/WebSocketConnection.js.WebSocketConnection.handleIncomingFrame (WebSocketConnection.js:247)

neojato commented 5 years ago

Hi @MiaShopgal and thanks for the extra clarifications. That error means you haven't provided Firebase with the correct rules. You could either deploy the rules to Firebase via the CLI or copy/paste them into the Firebase Console. That should fix this issue.

MiaShopgal commented 5 years ago

Hi, @neojato Thanks for replying!! I think it's working now. XD Thank you sooooooo much!!!!!!