Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – 模块’AppModule’导入的意外值’DataTablesModule’.请添加@NgModule注释大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我是Angular Data表的新手,我正按照链接 https://l-lin.github.io/angular-datatables/#/getting-started中的说明尝试实现Angular Data表

在我尝试使用Angular CLI运行应用程序后按照说明操作后,我收到Uncaught Error:模块’AppModule’导入的意外值’DataTablesModule’.请添加@NgModule注释.

注意:我在app.module.ts中添加了DataTablesModule,如下所示

import { ActionComponent } from './action/action.component';
import { SearchfilterPipe } from './search/searchfilter.pipe';
import { DataTablesModule } from 'angular-datatables';

@NgModule({
declarations: [
AppComponent,routIngComponents,LicenseComponent,HeaderComponent,ActionComponent,FooterComponent,SearchfilterPipe

],imports: [
BrowserModule,httpR_746_11845@odule,FormsModule,DataTablesModule,AppRoutIngModule,NgbModule.forRoot()
],providers: [httpR_746_11845@odule],bootstrap: [AppComponent]
})
export class AppModule { }

并在.angular-cli.json中添加了以下代码

{
"apps": [
{
  ...
  "styles": [
    "../node_modules/datatables.net-dt/css/jquery.dataTables.css"
  ],"scripts": [
    "../node_modules/jquery/dist/jquery.js","../node_modules/datatables.net/js/jquery.dataTables.js"
  ],...
 }
 ]
 }

我使用以下提供的版本.

@ angular / cli:1.1.0
 节点:8.0.0
  @angular / compiler:4.2.3
 @ angular / core:4.2.6
 @ angular / compiler-cli:4.2.3

不明白为什么我的应用程序正在崩溃.任何输入/建议将受到高度赞赏.

解决方法

首先修改你的tsconfig.json并在里面添加这个块

{
  "compilerOptions": {
    ...
    "baseUrl": "./","paths": {
      "@angular/*": [
        "../node_modules/@angular/*"
     ]
    }
  }
}

接下来,angular-datatables实际上安装了一个node_modules版本,并在其中包含@angular的副本,这会导致角度版本之间发生冲突,所以只需从angular-datatables文件夹中删除node_modules就可以了.

大佬总结

以上是大佬教程为你收集整理的angular – 模块’AppModule’导入的意外值’DataTablesModule’.请添加@NgModule注释全部内容,希望文章能够帮你解决angular – 模块’AppModule’导入的意外值’DataTablesModule’.请添加@NgModule注释所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。