角材料+角通用

Question

我試圖渲染角通用角上應用+的NodeJS上Expressjs服務器端。在通過ng build --prod --app 1構建應用程序並通過webpack編譯並通過node server.js運行應用程序之後。當我在瀏覽器中得到錯誤打開應用Current document does not have a doctype. This may cause some Angular Material components not to behave as expected.

// Load zone.js for the server. 
require('zone.js/dist/zone-node'); 
require('reflect-metadata'); 

import * as express from 'express'; 
import { enableProdMode, ValueProvider } from '@angular/core'; 
import { renderModuleFactory } from '@angular/platform-server'; 
import { join } from 'path'; 
import { readFileSync } from 'fs'; 
const { provideModuleMap } = require('@nguniversal/module-map-ngfactory-loader'); 
const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist- 
server/main.bundle'); 

const template = readFileSync('./src/index.html', { encoding: 'utf8' }); 

const app = express(); 

app.engine('html', (_, options, callback) => { 
    const opts = { 
    document: template, 
    url: options.req.url, 
    extraProviders: [ 
     <ValueProvider>{ 
     provide: 'REQUEST', 
     useValue: options.req, 
     }, 
     provideModuleMap(LAZY_MODULE_MAP) 
    ] 
}; 

renderModuleFactory(AppServerModuleNgFactory, opts) 
    .then(html => callback(null, html)); 
}); 

app.set('view engine', 'html'); 
app.set('views', 'src'); 

app.get('*.*', express.static(join(__dirname, 'dist-server'))); 

app.get('*', (req, res) => { 
    res.render('index', {req}); 
}); 

app.listen(5000,() => { 
    console.log('listening on http://localhost:5000!'); 
}); 

貌似這個錯誤涉及到@角/材料，將被固定在未來，但有什麼解決辦法？

Answer 1

目前角材料2不被角通用的支持。 https://github.com/angular/universal#in-progress