تعلم كيفية إنشاء مسارات في Angular CLI

عذرًا لتعقيد الوضع الذي تواجهه. يبدو أنك تستخدم أمرًا قديمًا لإنشاء مسار في Angular CLI الذي لم يعد مدعومًا بعد تحديثات في الإصدارات الحديثة من Angular.

بدلاً من الأمر الذي تستخدمه، يمكنك استخدام الأمر التالي لإنشاء مسار جديد:

bashCopy code
ng generate module some-module --routing

ثم، بعد ذلك، يمكنك إنشاء مكون خاص بالمسار الذي ترغب فيه باستخدام الأمر:

bashCopy code
ng generate component some-component --module some-module

هذه الطريقة تعمل بشكل جيد مع الإصدارات الحديثة من Angular CLI وتسمح لك بإنشاء مسار جديد بسهولة.

بالطبع! عند استخدام الأمر ng generate module some-module --routing، يتم إنشاء ملف جديد يحتوي على موديل للمسارات وملف موديل للمسارات يمكنك فيه تعريف مسارات تطبيق Angular الخاص بك.

على سبيل المثال، إذا كنت ترغب في إنشاء مسار لصفحة “about”، يمكنك تحديد المسار وتحديد المكون الخاص به في الملف app-routing.module.ts الذي تم إنشاؤه.

في الملف app-routing.module.ts، قد يبدو التعريف كالتالي:

typescriptCopy code
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AboutComponent } from './about/about.component';

const routes: Routes = [
  { path: 'about', component: AboutComponent },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

بهذا، يمكنك الآن استخدام الرابط /about في تطبيق Angular الخاص بك لعرض المكون AboutComponent.