小编Joa*_*rin的帖子

我正在尝试将已经使用Lazy加载模块的应用程序转换为AOT.我正在使用@ ngtools/webpack工具包来编译AOT代码,但是我遇到了一个错误,Angular无法找到Lazy加载模块的代码.

ERROR in ./src/ngfactory async
Module not found: Error: Can't resolve '/Library/WebServer/Documents/envato-teams/src/ngfactory/src/app/components/container/projects.ngfactory.ts' in '/Library/WebServer/Documents/envato-teams/src/ngfactory'
@ ./src/ngfactory async
@ ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
@ ./src/ngfactory/src/app/app.module.ngfactory.ts
@ ./src/main.aot.ts
@ multi main

在我的应用程序路由定义中值得一提的是这个项目的模块是懒惰加载的:

{
  path: 'projects', loadChildren: './components/container/projects#ProjectModule'
},

这是我的设置的样子:

tsconfig:

...
"angularCompilerOptions": {
  "genDir": "./src/ngfactory",
  "entryModule": "src/app/app.module#AppModule"
}
...

Webpack:

new ngtools.AotPlugin({
    tsConfigPath: './tsconfig.aot.json',
}),

Main.aot.ts

/*
* Providers provided by Angular
*/
import { platformBrowser } from '@angular/platform-browser';
import { AppModuleNgFactory } from './ngfactory/src/app/app.module.ngfactory';

import { Servicesconfig } from './app/services/index';

platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

在webpack中,我正在使用@ ngtools/Webpack编译ts文件: …

我正在尝试在 Heroku 中部署一个Angular Universal Starter示例。

任务npm start失败，因为它无法识别 ts-node。

有没有办法使用 ts-node 在 Heroku 上进行部署？

我有一个角度应用程序，它有一个捆绑包和一个包含根选择器的HTML代码

<app></app> 

引导应用程序的位置。

是否有可能以某种方式在该应用容器之外呈现该应用中的组件？在HTML中，类似

<component-name></component-name>

这样做的原因是，此应用程序正在外部加载，以便仅一步一步地分析组件，而不是整个应用程序，这类似于该应用程序中组件的样式指南。因此，我加载了捆绑软件，并且希望能够仅渲染用户选择的组件。