Angular5 进口路线[ts]和#x27；类型'；只能在.ts文件中使用。而它们已在app.module.ts中

这是我的部分代码和错误显示。虽然构建成功创建。至于您的信息，我正在开发一个平均堆栈应用程序，它将Angular 5作为其ui组件

下面是代码和错误

import { AppComponent } from './app.component';
import { BookComponent } from './book/book.component';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { RouterModule, Routes } from '@angular/router';

const appRoutes : Routes = [
  {
    path: 'books',
    component: BookComponent,
    data: { title: 'Book List' }
  },
  { path: '',
    redirectTo: '/books',
    pathMatch: 'full'
  }
];
@NgModule({
  declarations: [
    AppComponent,
    BookComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule,FormsModule,RouterModule.forRoot(
      appRoutes,
      { enableTracing: true } // <-- debugging purposes only
    )
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

从“/app.component”导入{AppComponent}；
从“./book/book.component”导入{BookComponent}；
从'@angular/forms'导入{FormsModule}；
从'@angular/common/http'导入{HttpClientModule}；
从'@angular/router'导入{RouterModule，Routes}；
施工许可：路线=[
{
路径：“书籍”，
组件：BookComponent，
数据：{title:'Book List'}
},
{路径：“”，
重定向到：“/books”，
路径匹配：“已满”
}
];
@NGD模块({
声明：[
应用组件，
书本组件
],
进口：[
浏览器模块，
HttpClientModule、FormsModule、RouterModule.forRoot(
批准，
{enableTracing:true}//您是在ts文件中执行这些操作？还是在ES6（js）文件中执行这些操作？这是app.module.ts文件