我在server.ts中添加了“domino”,甚至更新了webpack.server.config.js:
module: {
rules: [
{ test: /\.(ts|js)$/, loader: 'regexp-replace-loader', options: { match: { pattern: '\\[(Mouse|Keyboard)Event\\]', flags: 'g' }, replaceWith: '[]', } },
{ test: /\.ts$/, loader: 'ts-loader' },
]
}
但仍然得到相同的错误:“ReferenceError - 未定义KeyboardEvent”。
我在终端中运行这些命令
$ npm run build:ssr
$ npm run serve:ssr
package.json中定义的命令为:
"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"
有没有人有想法,如何摆脱这个错误?
干得好
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;
将上面的代码放在行前的server.ts
文件中
const {AppServerModuleNgFactory, LAZY_MODULE_MAP} = require('./dist/server/main');