相关疑难解决方法(0)

具有延迟加载的Angular2 AOT无法解析[延迟模块的路径] .ngfactory.ts

我正在尝试将已经使用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
Run Code Online (Sandbox Code Playgroud)

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

{
  path: 'projects', loadChildren: './components/container/projects#ProjectModule'
},
Run Code Online (Sandbox Code Playgroud)

这是我的设置的样子:

tsconfig:

...
"angularCompilerOptions": {
  "genDir": "./src/ngfactory",
  "entryModule": "src/app/app.module#AppModule"
}
...
Run Code Online (Sandbox Code Playgroud)

Webpack:

new ngtools.AotPlugin({
    tsConfigPath: './tsconfig.aot.json',
}),
Run Code Online (Sandbox Code Playgroud)

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);
Run Code Online (Sandbox Code Playgroud)

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

angular2-routing angular2-aot angular

8
推荐指数
1
解决办法
5534
查看次数

运行 Angular 编译器-cli (ngc);找不到模块“@angular/core”

我尝试使用以下方法安装 Angular compiler-cli (ngc):

npm install @angular/compiler-cli typescript @angular/platform-server @angular/compiler
Run Code Online (Sandbox Code Playgroud)

并且安装似乎有效,但是现在当我运行时ngc -p src,根据这个问题的解决方案,我得到:

module.js:442
    throw err;
    ^

Error: Cannot find module '@angular/core'
    at Function.Module._resolveFilename (module.js:440:15)
    at Function.Module._load (module.js:388:25)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at /usr/local/lib/node_modules/@angular/compiler/bundles/compiler.umd.js:7:83
    at Object.<anonymous> (/usr/local/lib/node_modules/@angular/compiler/bundles/compiler.umd.js:10:2)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
Run Code Online (Sandbox Code Playgroud)

我的项目运行良好ng serve。我在这里做错了什么?

typescript angular-cli angular

5
推荐指数
1
解决办法
6119
查看次数