Question

当我尝试在我的app.module.ts中添加RouterModule.forRoot（appRoutes）行时出现此错误。下面是我的app.module.ts文件

app.module.ts文件。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {RouterModule} from '';
import { AppComponent } from './app.component';
import { HeaderComponent } from './header/header.component';
import { AboutComponent } from './about/about.component';
import { CoursesComponent } from './courses/courses.component';
import {FormsModule} from '@angular/forms';
import {RouterModule, Routes} from '@angular/router';

const appRoutes: Routes = [
 {path:'',component:HeaderComponent},
 {path:'about',component:AboutComponent},
 {path:'courses',component:CoursesComponent}
];

@NgModule({
  declarations: [
  AppComponent,
  HeaderComponent,
  AboutComponent,
  CoursesComponent
 ],
imports: [
  BrowserModule,
  FormsModule,
  RouterModule.forRoot(appRoutes)
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

此错误的原因是在您导入import React from "react"; import ReactDOM from "react-dom"; import Dropdown from "antd/lib/dropdown"; import Menu from "antd/lib/menu"; import "antd/dist/antd.css"; import MyMenu from "./MyMenu"; const menu = ( <Menu> <Menu.Item onClick={e => { alert("clicked"); }} > click </Menu.Item> <Menu.Item>Like it</Menu.Item> <Menu.Item>Bookmark</Menu.Item> </Menu> ); class App extends React.Component { render() { return ( <div> <Menu mode="horizontal"> <Menu.Item key="1" onClick={() => { alert("parent clicked"); }} > <Dropdown overlay={menu} trigger={[`contextMenu`]}> <span style={{ userSelect: "none" }}> from const </span> </Dropdown> </Menu.Item> <Menu.Item key="2" onClick={() => { alert("parent clicked"); }} > <Dropdown overlay={<MyMenu />} trigger={[`contextMenu`]}> <span style={{ userSelect: "none" }}> from component </span> </Dropdown> </Menu.Item> </Menu> </div> ); } } const APP_NODE = document.getElementById(`container`); ReactDOM.render(<App />, APP_NODE);时未指定该模块的路径。看一下你的进口。

RouterModule

从''导入{RouterModule};

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

编译失败。 ./src/app/app.module.ts。找不到模块：错误：空依赖项（无请求）

1 个答案: