Question

我有安装项目，并且可以与ng serve一起正常使用。

我想在服务器端重做它，所以我通过ng add @ ng-toolkit / universal添加了@ ng-toolkit / universal并添加了它。

步骤如下：

step 1 : ng add @ng-toolkit/universal
step 2 : npm run build:prod
step 3 : npm run server

第1步将自动添加服务器端渲染代码结构，然后第2步将创建应用程序的构建，直到现在我可以执行第3步（此时获得ReferenceError：未定义区域）为止可以正常工作为止

/var/www/html/myproject/dist/server.js:220102
Zone.__load_patch('ZoneAwarePromise', function (global, Zone, api) {
^
ReferenceError: Zone is not defined
at /var/www/html/myproject/dist/server.js:220102:1
at module.exports.FUNCTION (/var/www/html/myproject/dist/server.js:219466:10)
at Object.module.exports.Object.defineProperty.value (/var/www/html/myproject/dist/server.js:219468:2)
at __webpack_require__ (/var/www/html/myproject/dist/server.js:21:30)
at Object.<anonymous> (/var/www/html/myproject/dist/server.js:221764:1)
at __webpack_require__ (/var/www/html/myproject/dist/server.js:21:30)
at /var/www/html/myproject/dist/server.js:70:18
at Object.<anonymous> (/var/www/html/myproject/dist/server.js:73:10)
at Module._compile (internal/modules/cjs/loader.js:702:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! myproject@0.0.0 server: `node local.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the myproject@0.0.0 server script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /home/nitin/.npm/_logs/2018-07-26T05_47_07_681Z-debug.log

我已经检查了我的polyfills.ts，它包含了导入文件“ zone.js / dist / zone”；

我尝试通过在polyfills.ts中添加注释，然后在main.ts中添加以下代码，然后按照以下步骤进行操作，但在第3步中得到相同的错误。

document.addEventListener('DOMContentLoaded', () => {
platformBrowserDynamic().bootstrapModule(AppModule, {
ngZone: 'noop'
)
.catch(err => console.log(err));
});

Answer 1

为Zone添加依赖项，例如-

"zone.js": "^0.8.26"

角度通用的Angular 6服务器端渲染给出错误区域未定义

1 个答案: