ng-toolkit: ng-toolkit/universal can't find bootstrap

I’m submitting a…


[x ] Bug report  
[ ] Feature request
[ ] Documentation issue or request

In package


[ ] @ng-toolkit/init
[ ] @ng-toolkit/serverless
[x ] @ng-toolkit/universal

Current behavior

I am trying to install the @ng-toolkit/universal package using npm and it throws the following error.

  • @ng-toolkit/universal@1.1.19 updated 2 packages and audited 31842 packages in 15.392s found 13 vulnerabilities (9 low, 4 high) run npm audit fix to fix them, or npm audit for details Installed packages for tooling via npm. INFO: Project property is set to ‘ly-l’. ERROR: Can’t find bootstrap component entry in ./src/./app/app.module.ts. ERROR: If you think that this error shouldn’t occur, please fill up bug report here: https://github.com/maciejtreder/ng-toolkit/issues/new INFO: stacktrace has been sent to tracking system. Nothing to be done.

Expected behavior

I expect it to install the package without errors

Minimal reproduction of the problem with instructions

I ran npm install @ng-toolkit/universal

Example repository

I can’t because it is a private project, but I can share the app.module: import { BrowserModule } from ‘@angular/platform-browser’; import { HttpClientModule } from ‘@angular/common/http’ import { NgModule } from ‘@angular/core’; import { RouterModule } from ‘@angular/router’; import { FormsModule } from ‘@angular/forms’; import { RecaptchaModule, RECAPTCHA_SETTINGS } from ‘ng-recaptcha’; import {RecaptchaFormsModule} from ‘ng-recaptcha/forms’; import {NgbModule} from ‘@ng-bootstrap/ng-bootstrap’; import {NgbActiveModal} from ‘@ng-bootstrap/ng-bootstrap’;

import { AppComponent } from ‘./app.component’; import { NavBarComponent } from ‘./nav-bar/nav-bar.component’; import { CarouselComponent } from ‘./carousel/carousel.component’; import { CentralLogoComponent } from ‘./central-logo/central-logo.component’; import { FlyerTipsComponent } from ‘./flyer-tips/flyer-tips.component’; import { AboutUsComponent } from ‘./about-us/about-us.component’; import { HomeComponent } from ‘./home/home.component’; import { ContactUsComponent } from ‘./contact-us/contact-us.component’; import { FlyerComponent } from ‘./flyer/flyer.component’;

import { FlyersService } from ‘./flyer-tips/flyers.service’; import { MethodologyComponent } from ‘./methodology/methodology.component’; import { ResultsComponent } from ‘./results/results.component’; import { ContactFormComponent } from ‘./contact-form/contact-form.component’; import { RegisterFormComponent } from ‘./register-form/register-form.component’; import { FooterComponent } from ‘./footer/footer.component’; import { ImageFormComponent } from ‘./image-form/image-form.component’;

import { MailerService } from ‘./mailer.service’; import { LineMessageComponent } from ‘./line-message/line-message.component’; import { MessageConfirmDialogComponent } from ‘./message-confirm-dialog/message-confirm-dialog.component’; import { environment } from ‘…/environments/environment’;

const routes = [ { path:‘’, component: HomeComponent }, { path:‘about-us’, component: AboutUsComponent }, { path:‘contact-us’, component: ContactUsComponent }, { path:‘methodology’, component: MethodologyComponent }, { path:‘results’, component: ResultsComponent }, ]

@NgModule({ declarations: [ AppComponent, NavBarComponent, CarouselComponent, CentralLogoComponent, FlyerTipsComponent, AboutUsComponent, HomeComponent, ContactUsComponent, FlyerComponent, MethodologyComponent, ResultsComponent, ContactFormComponent, RegisterFormComponent, FooterComponent, ImageFormComponent, LineMessageComponent, MessageConfirmDialogComponent ], imports: [ BrowserModule, FormsModule, HttpClientModule, RouterModule.forRoot(routes), RecaptchaModule.forRoot(), // Keep in mind the “forRoot”-magic nuances! RecaptchaFormsModule, NgbModule.forRoot() ], providers: [ FlyersService, MailerService, { provide: RECAPTCHA_SETTINGS, useValue: { siteKey: environment.siteKey, } }, NgbActiveModal ], bootstrap: [ AppComponent, MessageConfirmDialogComponent ] }) export class AppModule { }

What is the motivation / use case for changing the behavior?

Environment


Angular version: 6.0.8


Browser:
- [ x] Chrome (desktop) version 67.0.3396.79
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: 8.11.2  
- Platform: Windows 

Others:

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 4
  • Comments: 20 (6 by maintainers)

Commits related to this issue

Most upvoted comments

I am facing the same issue. I installed ng-toolkit earlier in the project, then I removed ng-toolkit and other files which were created by ng-toolkit. Now, when I’m trying to ng add @ng-toolkit/universal again in the same project, I’m getting this issue Bootstrap not found in ./src/.././src/app/app.browser.module.ts.