GithubHelp home page GithubHelp logo

stanleyeosakul / angular-universal-firebase Goto Github PK

View Code? Open in Web Editor NEW
14.0 14.0 1.0 187 KB

Angular Universal app using Firebase Cloud Functions

License: MIT License

TypeScript 63.77% JavaScript 22.01% HTML 13.47% CSS 0.74%
angular angular-universal firebase firebase-functions

angular-universal-firebase's People

Contributors

angular-cli avatar stanleyeosakul avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

redcapua

angular-universal-firebase's Issues

Thanks

Thank you for this repo. The Youtube video David East did showing how to do SSR with Firebase hosting is a gimmick! This tutorial actually works.

In the video by the Google Developer Advocate, there is no repo with a working solution nor does he prove that it works on video. I spent 3 or 4 evenings after work trying to get it working. After coming across this tutorial I realized that the video could not have worked and is nothing more than a hoax.

Thank you.

Lazy loading

Hello, this method allows for lazy loaded modules to work? and prerenders them?

Followed the docs but I got the below error

/angular-universal-firebase/functions/index.js:12
const functions = require('firebase-functions');
^
SyntaxError: Identifier 'functions' has already been declared
at Object.exports.runInThisContext (vm.js:76:16)
at Module._compile (module.js:545:28)
at Object.Module._extensions..js (module.js:582:10)
at Module.load (module.js:490:32)
at tryModuleLoad (module.js:449:12)
at Function.Module._load (module.js:441:3)
at Module.require (module.js:500:17)
at require (internal/module.js:20:19)
at /usr/local/lib/node_modules/firebase-tools/lib/triggerParser.js:18:11
at Object. (/usr/local/lib/node_modules/firebase-tools/lib/triggerParser.js:38:3)

The solution is not working with apps using HammerJS

Hi Stanley!
I can't use this method to deploy A5 apps to Firebase with SSR because my app is using the HammerJS lib and Angular Material.
The following error occurs during deployment if I use HammerJS:

Error: Error occurred while parsing your function triggers.
ReferenceError: window is not defined
at Object. (/private/var/folders/7c/78msd3tj5zj75g1_pbnmpf7m0000gn/T/fbfn_7305dKGJirWMAoKm/node_modules/hammerjs/hammer.js:2643:4)
at Module._compile (module.js:635:30)
at Object.Module._extensions..js (module.js:646:10)
at Module.load (module.js:554:32)
at tryModuleLoad (module.js:497:12)
at Function.Module._load (module.js:489:3)
at Module.require (module.js:579:17)
at require (internal/module.js:11:18)
at Object.LYNW (/private/var/folders/7c/78msd3tj5zj75g1_pbnmpf7m0000gn/T/fbfn_7305dKGJirWMAoKm/dist-server/main.bundle.js:1:40603)
at l (/private/var/folders/7c/78msd3tj5zj75g1_pbnmpf7m0000gn/T/fbfn_7305dKGJirWMAoKm/dist-server/main.bundle.js:1:220)

Have you got any solution for this?

Kind rgds,
Barna

ReferenceError: html is not defined

Hi,
When i remove root dist/index.html this error show me when run the app

ReferenceError: html is not defined at E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\index.js:25:30 at Layer.handle [as handle_request] (E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\node_modules\express\lib\router\layer.js:95:5) at next (E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\node_modules\express\lib\router\route.js:137:13) at Route.dispatch (E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\node_modules\express\lib\router\route.js:112:3) at Layer.handle [as handle_request] (E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\node_modules\express\lib\router\layer.js:95:5) at E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\node_modules\express\lib\router\index.js:281:22 at param (E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\node_modules\express\lib\router\index.js:354:14) at param (E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\node_modules\express\lib\router\index.js:365:14) at param (E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\node_modules\express\lib\router\index.js:365:14) at Function.process_params (E:\NodeJs Projects\Mangaka3rb - sarhansoft website\angular-universal-firebase\functions\node_modules\express\lib\router\index.js:410:3)

when i keep dist/index.html it not view never, but when try to open another page (url) directly it show to me again. like (myapp.com/login)

SSR Not Working

Hi,

image

The app not working on firebase, you can see the html content.

Any idea?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.