如何导航到angular6中的另一个项目?
我在另一个项目中有一个项目(PersonalPage) 通常情况下,如果我想运行PersonalPage项目,请输入“ng serve PersonalPage” 我在链接两个项目时遇到问题。我想调用根项目中的(路由器)个人项目。但它不起作用如何导航到angular6中的另一个项目?,angular,typescript,angular-ui-router,Angular,Typescript,Angular Ui Router,我在另一个项目中有一个项目(PersonalPage) 通常情况下,如果我想运行PersonalPage项目,请输入“ng serve PersonalPage” 我在链接两个项目时遇到问题。我想调用根项目中的(路由器)个人项目。但它不起作用 import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; const routes: Routes = [
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{
path: 'personalpage',
loadChildren: '../../projects/PersonalPage/src/app/app.module#AppModule',
data: { preload: true }
}
, {
path: '',
redirectTo: '/personalpage',
pathMatch: 'full'
},
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
这是我运行“ng serve”时的错误:
这样不行,让我解释一下角度引导过程 每个角度应用程序的入口点是main.ts文件,其中包含最后一行:
platformBrowserDynamic()
.bootstrapModule(AppModule)
.catch(err => console.error(err));
AppModule是我们的根模块,它是我们应用程序的入口模块,
如果打开app.modules.ts,您将找到引导:[AppComponent],这是应用程序中的入口点组件
上面出现的错误是由于ts问题,您可以在应用程序中看到一个tsconfig.json文件,该文件跟踪项目中的所有内容tsconfig.app.json(“include”:[“***.ts”])
由于您尝试导入的模块不在tsconfig的作用域内,因此无法找到该模块,并抛出一个错误,将该模块包含在include数组中以修复该问题
在这种情况下,您可以创建新模块或库,而不是创建新应用。
使用nrwl.io(nrwl workspace),这使得通过多个库构建应用程序非常容易
如果需要在项目中导入库,则需要在apps tsconfig.app.json中注册它
不过,如果您希望创建两个不同的项目,您可以通过创建两个应用程序的构建并通过express为它们提供服务来实现
模块
和应用程序
不一样。您可以重用模块
,但不能重用应用程序
。您可以将应用程序更改为用作模块。但从那时起,它就不再是应用程序了。