JavaScript Angular Universal ReferenceError - KeyboardEvent is not defined angular universal referenceerror document is not defined,angular universal referenceerror

I have added "domino" in the server.ts and even updated webpack.server.config.js as :

module: {
    rules: [
              { test: /\.(ts|js)$/, loader: 'regexp-replace-loader', options: { match: { pattern: '\\[(Mouse|Keyboard)Event\\]', flags: 'g' }, replaceWith: '[]', } },
              { test: /\.ts$/, loader: 'ts-loader' }, 
           ]
}

But still getting the same error : "ReferenceError - KeyboardEvent is not defined".

I am running these commands in terminal

$npm run build:ssr

$npm run serve:ssr

Commands Defined in package.json as :

"build:ssr": "npm run build:client-and-server-bundles && npm run webpack:server",
"serve:ssr": "node dist/server.js",
"build:client-and-server-bundles": "ng build --prod && ng run angular.io-example:server",
"webpack:server": "webpack --config webpack.server.config.js --progress --colors"

Does anybody have an idea, how to get rid of this error?

Answer:1

here you go

const domino = require('domino');
const fs = require('fs');
const template = fs.readFileSync(join(DIST_FOLDER , 'index.html')).toString();
const win = domino.createWindow(template);
global['window'] = win;
global['Node'] = win.Node;
global['navigator'] = win.navigator;
global['Event'] = win.Event;
global['KeyboardEvent'] = win.Event;
global['MouseEvent'] = win.Event;
global['Event']['prototype'] = win.Event.prototype;
global['document'] = win.document;

Put above code into your server.ts file before the line

const {AppServerModuleNgFactory, LAZY_MODULE_MAP} = require('./dist/server/main');
Answer:2

How to iterate over any array to return the value “true” if any elements are true

This question is regarding JavaScript. If the input is any of the following array "hello, hi, yo, or hey", I want the value to return true, but it is only returning false. I've tried multiple methods ...

This question is regarding JavaScript. If the input is any of the following array "hello, hi, yo, or hey", I want the value to return true, but it is only returning false. I've tried multiple methods ...

  1. iterate over array javascript
  2. iterate over array python
  3. iterate over array java
  4. iterate over array bash
  5. iterate over array golang
  6. iterate over array of objects javascript
  7. iterate over array ruby
  8. iterate over array c++
  9. iterate over array java 8
  10. iterate over array php
  11. iterate over array matlab
  12. iterate over array swift
  13. iterate over array typescript
  14. iterate over array react
  15. iterate over array perl
  16. iterate over array scala
  17. iterate over array jquery
  18. iterate over array rust
  19. iterate over array es6
  20. iterate over array powershell

How to set a default value for a property of an Polymer object, on the basis of other properties

I want set property's value for Polymer object from function, which depended from other properties, if default value not set Polymer({ is: "my-element", properties : { a: String, ...

I want set property's value for Polymer object from function, which depended from other properties, if default value not set Polymer({ is: "my-element", properties : { a: String, ...

  1. default value property access
  2. default value property c#
  3. default value property in aem
  4. default value property spring boot
  5. default value property
  6. default value property objective c
  7. default value property vb.net
  8. default value property javascript
  9. default value property spring
  10. default value property delphi
  11. default value property java
  12. default value property maven
  13. default value property pega
  14. default value property of field
  15. default property value typescript
  16. default property value react
  17. default property value attribute c#
  18. default property value vue
  19. default property value vb
  20. set default value property c#

How to understand this built in function in JavaScript 'Math.floor(Math.random() *6)+1'?

If I use this code: Math.floor(Math.random() *6) this will give me a random number from 1 to 5, am I correct? Would it be the same to code this: Math.floor(Math.random() *6)+1 as this? Math....

If I use this code: Math.floor(Math.random() *6) this will give me a random number from 1 to 5, am I correct? Would it be the same to code this: Math.floor(Math.random() *6)+1 as this? Math....

  1. understand built heritage
  2. understand built up area

Click event added to appended html; element not working as anticipated

OK I am sure I am doing something simple fundamentally wrong but am unable to resolve this issue on my own. I have tried googling and searching this forum and reading through the relevant parts of the ...

OK I am sure I am doing something simple fundamentally wrong but am unable to resolve this issue on my own. I have tried googling and searching this forum and reading through the relevant parts of the ...

  1. click event on dynamically added element jquery
  2. click event of dynamically added button jquery
  3. click event of dynamically added button
  4. click event on dynamically added element
  5. click event on dynamically added class
  6. click event of dynamically added button c#
  7. click event on dynamically created element jquery
  8. click on dynamically added element jquery
  9. jquery click event on dynamically added element