Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何导航到angular6中的另一个项目?_Angular_Typescript_Angular Ui Router - Fatal编程技术网

如何导航到angular6中的另一个项目?

如何导航到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 = [

我在另一个项目中有一个项目(PersonalPage)

通常情况下,如果我想运行PersonalPage项目,请输入“ng serve PersonalPage

我在链接两个项目时遇到问题。我想调用根项目中的(路由器)个人项目。但它不起作用

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为它们提供服务来实现

模块
应用程序
不一样。您可以重用
模块
,但不能重用
应用程序
。您可以将
应用程序更改为用作模块。但从那时起,它就不再是应用程序了。