Angular6 универсальная подача продолжается Ошибка на консоли - PullRequest
Новая
       24

Angular6 универсальная подача продолжается Ошибка на консоли

0 голосов
/ 24 октября 2018

Я использую Angular 6 и реализовал Angular Universal для рендеринга страниц на стороне сервера. Все работает нормально, но я получаю сообщение об ошибке продолжения в своей консоли. 

ERROR [Error]
ERROR [Error]

И я еще объявил window как глобальную переменнуюЯ получаю такие ошибки

Необработанный отказ от обещания: window.some_function не является функцией

мой файл server.ts // 

import 'zone.js/dist/zone-node';
import 'reflect-metadata';

import { enableProdMode } from '@angular/core';

import * as express from 'express';
import { join } from 'path';
// Express Engine
import { ngExpressEngine } from '@nguniversal/express-engine';
// Import module map for lazy loading
import { provideModuleMap } from '@nguniversal/module-map-ngfactory-loader';

// Faster server renders w/ Prod mode (dev mode never needed)
enableProdMode();

// node run port
const port = 6065;

// Express server
const app = express();

const PORT = port || process.env.PORT;
const DIST_FOLDER = join(process.cwd(), 'dist');

const domino = require('domino');
const fs = require('fs');
const MockBrowser = require('mock-browser').mocks.MockBrowser;
const mock = new MockBrowser();

const template = fs
    .readFileSync(join(DIST_FOLDER, 'browser', 'index.html'))
    .toString();
// Make all Domino types available as types in the global env.
Object.assign(global, domino.impl);
(global as any)['KeyboardEvent'] = domino.impl.Event;
const win = domino.createWindow(template);
win.Object = Object;
win.Math = Math;

global['window'] = win;
global['document'] = win.document;
global['navigator'] = mock.getNavigator();
global['branch'] = null;
global['object'] = win.object;
global['HTMLElement'] = win.HTMLElement;
global['DOMTokenList'] = win.DOMTokenList;
global['Node'] = win.Node;
global['Text'] = win.Text;

// * NOTE :: leave this as require() since this file is built Dynamically from webpack
const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist/server/main');

app.engine('html', ngExpressEngine({
    bootstrap: AppServerModuleNgFactory,
    providers: [
        provideModuleMap(LAZY_MODULE_MAP)
    ]
}));

app.set('view engine', 'html');
app.set('views', join(DIST_FOLDER, 'browser'));

// TODO: implement data requests securely
app.get('/api/*', (req, res) => {
    res.status(404).send('data requests are not supported');
});

// Server static files from /browser
app.get('*.*', express.static(join(DIST_FOLDER, 'browser')));

// All regular routes use the Universal engine
app.get('*', (req, res) => {
    res.render('index', { req });
});

// Start up the Node server
app.listen(PORT, '0.0.0.0', () => {
    console.log(`Node server listening on http://localhost:${PORT}`);
});

1 Ответ

0 голосов
/ 11 декабря 2018

У меня возникла та же проблема, и я начал отладку server.js в коде Visual Studio и обнаружил, что сообщения об ошибках были вызваны запросами http от TranslateHttpLoader (я использую ngx-translate), который пыталсязагрузить .json-файлы с переводами.После некоторого поиска в Google я нашел этот поток , где вы можете найти, как включить загрузку перевода на стороне сервера.После этого сообщения об ошибках исчезли.

...