加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

从Angular 4.4.0迁移到Angular 5.2.0会导致服务器端呈现错误

发布时间:2020-12-17 17:11:15 所属栏目:安全 来源:网络整理
导读:我正在将我的角度应用程序从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'. 另外,我检查不包含
我正在将我的角度应用程序从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

Solution for this problem here

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读