Replies: 1 comment
-
Update: I deployed to Google App Engine and there was no problem. Must be a cloud function thing... |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Hello friends,


I have a barebones Angular 11 project with Angular Material for styles. I intend to host this with a Google Cloud Function. When I run the project using
npm run dev:ssr
, it runs without problem. However, after I use AngularFire's ng deploy function, it does deploy the universal project as a cloud function but the JS and CSS files are not loaded. See screenshots below.vs
So why aren't the styles/js being applied in the cloud function? If I look in my cloud function logs, I have some 304 error messages. If I look in the console of the page, I have 403 error codes for requested style/js files. I noticed that the html has linked the files as shown here:
<link rel="stylesheet" href="styles.dbb0bce96e655a5b656e.css">
However, if edit the html with an explicit url, it works.
<link rel="stylesheet" href="https://us-central1-inhouse-dev-ddaad.cloudfunctions.net/ssr/styles.dbb0bce96e655a5b656e.css">
You can find my entire project here on github. I don't know how to fix this issue because I don't know what the source of the issue is.
The only thing I can think of is the code that the cloud function receives is different that when I run
ng deploy
.I couldn't get any answers on Stack Overflow so here I am. Hope someone can help. Thanks :)
https://stackoverflow.com/questions/65338352/angular-universal-deployed-to-cloud-function-not-loading-styles-or-js/65345309#65345309
Beta Was this translation helpful? Give feedback.
All reactions