找不到ngx-bootstrap模块：错误：无法解析“ ngx-bootstrap / loader”

Question

我正在Angular 6.1.10项目中使用ngx-bootstrap@3.2.0中的datepicker。 我还正在加载其他语言环境（nlLocale）。

在我的功能模块中：

import { defineLocale, nlLocale, BsDatepickerModule, BsLocaleService} from 'ngx-bootstrap';

defineLocale('nl', nlLocale);

在我的组件中：

import { BsLocaleService } from 'ngx-bootstrap';
export class MyComponent implements OnInit {  
  locale = 'nl';

  constructor(private bsLocaleService: BsLocaleService) {
    this.bsLocaleService.use(this.locale);
  }
}

当我使用命令构建它时：

ng build --watch

我没有问题，我可以运行该应用程序，使用日期选择器，并且月份以荷兰语显示。

但是，当我进行生产时：

ng build --prod 

我收到以下错误：
./ node_modules / ngx-bootstrap / datepicker / fesm5 / ngx-bootstrap-datepicker.js中的错误 找不到模块：错误：无法解析“ E：\ MyProject \ node_modules \ ngx-bootstrap \ datepicker \ fesm5”中的“ ngx-bootstrap / loader” ./node_modules/ngx-bootstrap/modal/fesm5/ngx-bootstrap-modal.js中的错误 找不到模块：错误：无法解析'E：\ MyProject \ node_modules \ ngx-bootstrap \ modal \ fesm5'中的'ngx-bootstrap / loader'

我一直在寻找“ fesm5”中存在的文件“ ngx-bootstrap-datepicker.js”，但是我看不到文件中与ngx-bootstrap / loader相关的任何内容。

我尝试降级到ngx-bootstrap@3.0.1，它确实可以正常工作，因此它显然表明ngx-bootstrap有问题，但是从某些阅读中我一直在做其他事情，似乎没有这个问题。

有人遇到过吗？

Answer 1

您是否已按照功能模态进行了跟踪？

@NgModule({
  imports: [BsDatepickerModule.forRoot(),...]
})

如果是这样，请尝试o将其添加到您的根模块中

Answer 2

我目前正在将Angular 9与ngx-bootstrap的最新版本配合使用。 我相信最新的实现是像这样在app.module.ts文件中导入BsDatepickerModule

app.module.ts代码中的导入语句：

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';

在app.module.ts导入中：

  imports: [
BrowserAnimationsModule,
BsDatepickerModule.forRoot()

]

组件代码：

import { BsDatepickerConfig } from 'ngx-bootstrap/datepicker';

@Component({ selector: 'app-', templateUrl: './register.component.html', styleUrls: ['./register.component.css'],
})
export class RegisterComponent implements OnInit {


bsConfig: Partial<BsDatepickerConfig>;



constructor() {}

ngOnInit() {

this.bsConfig = Object.assign({}, { containerClass: 'theme-blue' });

}
}

package.json

“ @ angular / core”：“〜9.1.7”， “ bootstrap”：“ ^ 4.5.0”， “ ngx-bootstrap”：“ ^ 5.6.1”， “ @ angular / cli”：“〜9.1.6”

在官方网站上

用法

从“ @ angular / platform-b​​rowser / animations”导入{BrowserAnimationsModule};

//推荐

从'ngx-bootstrap / datepicker'导入{BsDatepickerModule};

//不推荐（Angular 9不支持这种导入）

从'ngx-bootstrap'导入{BsDatepickerModule};

@NgModule（{

导入：[

BrowserAnimationsModule,

BsDatepickerModule.forRoot(),

...

] }）

导出类AppModule（）{}

https://valor-software.com/ngx-bootstrap/#/datepicker

techjunkieblog.com