Получение NullInjectorError: нет поставщика функций (параметров) в Angular 17

Я новичок в Angular (17 версия). Я получаю сообщение об ошибке: ОШИБКА Ошибка [NullInjectorError]: R3InjectorError(Standalone[_LoginPageComponent])[функция(опции) { -> функция(опции) { -> функция(опции) { -> функция(опции) { -> функция(опции) {]: [1] NullInjectorError: нет поставщика для функции (опций) {! при добавлении частного маршрутизатора: Маршрутизатор в конструктор() в файле login-page.comComponent.ts.

логин-page.comComponent.ts

import { CommonModule} from '@angular/common';
import { Component, OnInit} from '@angular/core';
import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
import { AuthService } from '../shared/layouts/services/auth.service';
import { Subscription } from 'rxjs';
import { Router } from 'express';

@Component({
  selector: 'app-login-page',
  standalone: true,
  imports: [ReactiveFormsModule, CommonModule],
  templateUrl: './login-page.component.html',
  styleUrl: './login-page.component.css'
})
export class LoginPageComponent implements OnInit{
  form : FormGroup
  aSub: Subscription
  constructor(private auth: AuthService, private router: Router) {
  }

  ngOnInit(): void {
    this.form = new FormGroup({
      email: new FormControl(null, [Validators.email, Validators.required]),
      password: new FormControl(null, [Validators.minLength(6), Validators.required])
    })
  }
  

  onSubmit() {
    this.form.disable()

    this.aSub = this.auth.login(this.form.value).subscribe({
      next: (result) => {
      },

      error: (error) => {
        console.info(error)
        this.form.enable()
      }
    })
  }
}

app.config.ts

import { ApplicationConfig } from '@angular/core';
import { provideRouter } from '@angular/router';

import { routes } from './app.routes';
import { provideClientHydration } from '@angular/platform-browser';
import { provideHttpClient, withFetch } from '@angular/common/http';

export const appConfig: ApplicationConfig = {
  providers: [provideRouter(routes), provideClientHydration(), provideHttpClient(withFetch())]
};

auth.service.ts

import { Injectable } from "@angular/core";
import { User } from "../interfaces";
import { HttpClient } from "@angular/common/http";
import { Observable } from "rxjs";
@Injectable({
    providedIn: 'root'
})
export class AuthService {

    constructor(private http: HttpClient) {    
    }

    register() {

    }

    login(user: User): Observable<{token: string}> {
        return this.http.post<{token: string}>('http://localhost:5000/api/auth/login', user)
    }
}

Помогите мне разобраться, в чем проблема. Спасибо!

импортировать RouterModule возможно?

O-9 13.04.2024 12:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
163
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Router должен быть импортером из @angular/router

Заменять

import { Router } from 'express';

с

import { Router } from '@angular/router';

Другие вопросы по теме