我想让我的 Angular 应用程序 seo 友好,所以我搜索了谷歌并找到了几个解决方案 Make your Angular App SEO-Friendly (Angular 4 + Universal)我按照说明进行操作,但是当我使用 npm run start 运行项目时,发生了以下错误:
src/server.ts(5,42): error TS2307: Cannot find module '../dist/ngfactory/src/app/app.server.module.ngf
actory'.
我一整天都在寻找解决方案我阅读了这个问题 [AOT] @ngtools/webpack throws "Cannot find module './ngfactory/app/app.module.ngfactory'"但是我的问题并没有解决我的问题我所有的包都是最新版本,这是我的 在 package.json 中构建命令
"prestart": "ng build --prod && ./node_modules/.bin/ngc",
"start": "ts-node src/server.ts",
这是 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 PORT = 4200;
enableProdMode();
const app = express();
let 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}!`);
});
最佳答案
我不知道它是否有帮助,但你可以尝试把 (./) 在“开始”:“第一个节点./”,
"prestart": "ng build --prod && ./node_modules/.bin/ngc",
"start": "ts-node ./src/server.ts"
关于javascript - 找不到模块 '../dist/ngfactory/src/app/app.server.module.ngf actory'。 Angular 客户端,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47633412/