angular-universal

问题 convert angular 7 project into angular universal while running "ng test" command giving error as " Incomplete: No specs found, , randomized with seed 48751 ". Tried different ways mention over stackoverflow but nothing work for me. ERROR in ./src/polyfills.ts Module build failed (from ./node_modules/@ngtools/webpack/src/index.js): Error: ../src/polyfills.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property. at

问题 I'm setting up an angular 6.x univeral project in order to leverage its SSR (Server-Side Rendering) capabilities. In my app, I'm using websocket communication using RxJs. More specifically, I'm, using WebSocketSubject and webSocket in my angular universal 6.x project, which works fine on the browser platform. However, when running the node web server (that contains the SSR stuff (Server-Side Rendering)), an error is thrown: ReferenceError: WebSocket is not defined Example code: // not

问题 Is there any way to set status code like 404, 401, 500 as per requirement? I am using Angular 6. There are lots of tutorials showing solutions but those are old and not working at all. All provides showing solutions regarding different server.ts file which is not related to new file showing on Angular site. I am able to render all pages server side. When it has some unexpected content in URL, I am change route to 404 page with skipping location change option. While calling 404 component, I

问题 Is there any way to set status code like 404, 401, 500 as per requirement? I am using Angular 6. There are lots of tutorials showing solutions but those are old and not working at all. All provides showing solutions regarding different server.ts file which is not related to new file showing on Angular site. I am able to render all pages server side. When it has some unexpected content in URL, I am change route to 404 page with skipping location change option. While calling 404 component, I

问题 I'm creating a website using Angular Universal. It will have server-side rendering in order to make it indexable by search engines. I already coded my 404 fallback route, it displays its component correctly, but it displays it with a HTTP 200 header code. How can I force a specific header code ? I googled some queries, but everything I found seemed to be about reading an HTTP call's status code, and nothing on how to write it to the browser. 回答1: Ok, I've finally succeeded. I started over,

问题 I'm creating a website using Angular Universal. It will have server-side rendering in order to make it indexable by search engines. I already coded my 404 fallback route, it displays its component correctly, but it displays it with a HTTP 200 header code. How can I force a specific header code ? I googled some queries, but everything I found seemed to be about reading an HTTP call's status code, and nothing on how to write it to the browser. 回答1: Ok, I've finally succeeded. I started over,

问题 Can anyone pls help me to fix hammer error })(window, document, 'Hammer'); ^ ReferenceError: window is not defined at Object._MAP.8 (/Users/ks89/git/universal-starter/dist/server.js:126460:4) in angular universal. 回答1: You need to import hammer from main.ts , not directly from the module. That way, it won't be included server side https://github.com/angular/material2/blob/master/guides/getting-started.md#step-5-gesture-support 来源： https://stackoverflow.com/questions/49335441/how-to-use-hammer

问题 Can anyone pls help me to fix hammer error })(window, document, 'Hammer'); ^ ReferenceError: window is not defined at Object._MAP.8 (/Users/ks89/git/universal-starter/dist/server.js:126460:4) in angular universal. 回答1: You need to import hammer from main.ts , not directly from the module. That way, it won't be included server side https://github.com/angular/material2/blob/master/guides/getting-started.md#step-5-gesture-support 来源： https://stackoverflow.com/questions/49335441/how-to-use-hammer

问题 I am used to Angular but I am just starting to use universal (for SEO). I want to use a map from amcharts 4, I have no problems using without Angular Universal. I know that it is a known issue but I do not understand why in my case the server tries to load the chart and create this error: ERROR Error: Uncaught (in promise): ReferenceError: addEventListener is not defined ReferenceError: addEventListener is not defined ... My code : constructor( @Inject(PLATFORM_ID) private platformId: Object

问题 Is it possible to use Leaflet with angular/universal? How can I avoid to build Leaflet within server? After npm run build:prod dist folder is generated. But when I run node server.js I get following error: var requestFn = window.requestAnimationFrame || getPrefixed('RequestAnimationFrame') || timeoutDefer; Window is not defined. 回答1: I solved this by mocking window , navigator and document with Mock Browser Just install the mock browser pacakge npm i mock-browser And add the following code to