我正在将我的 Angular 应用程序从 4.4.0
迁移到支持服务器端渲染的 5.2.0
。
在 Angular (v5) npm start
中运行命令时出现此错误
src/server.ts(5,42): error TS2307: Cannot find module '../dist/ngfactory/src/app/app.server.module.ngfactory'.
此外,我检查了不包含相同文件的 dist
文件夹。
我认为需要更改配置以修复我遗漏的内容。
有人遇到过同样的问题吗?
server.ts 包含:
import 'reflect-metadata';
import 'zone.js/dist/zone-node';
import { platformServer, renderModuleFactory } from '@angular/platform-server'
import { enableProdMode } from '@angular/core'
import { AppServerModuleNgFactory } from '../dist/ngfactory/src/app/app.server.module.ngfactory'
import * as express from 'express';
import { readFileSync } from 'fs';
import { join } from 'path';
const compression = require('compression')
const PORT = 4000;
let forceHttps = false;
const livehoststring = '-';
const livehost = '-';
const staticlivehost = '-';
enableProdMode();
const app = express();
app.use(compression());
const template = readFileSync(join(__dirname, '..', 'dist', 'index.html')).toString();
app.engine('html', (_, options, callback) => {
const opts = { document: template, url: options.req.url };
renderModuleFactory(AppServerModuleNgFactory, opts)
.then(html => callback(null, html));
});
app.set('view engine', 'html');
app.set('views', 'src')
app.get('*.*', express.static(join(__dirname, '..', 'dist')));
app.get('*', (req, res) => {
res.render('index', { req });
});
app.listen(PORT, () => {
console.log(`listening on http://localhost:${PORT}!`);
});
阅读一些文章后,我似乎必须从不同的位置导入 AppServerModuleNgFactory
。但我无法找到确切的位置。
最佳答案
我通过替换 server.ts
中的 AppServerModuleNgFactory
导入路径解决了这个问题,如下所示:
const { AppServerModuleNgFactory } = (module as any).exports;
// import { AppServerModuleNgFactory } from '../dist/ngfactory/src/app/app.server.module.ngfactory'
通过将其替换为上面的内容,您的 npm start
命令将正常工作。
(PS:但在那之后我在运行时遇到了新的错误)
Cannot read property 'moduleType' of undefined
关于angular - 从 Angular 4.4.0 迁移到 Angular 5.2.0 导致服务器端渲染出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49773317/