Topic: Unable to build for production project with MDB

RazakAlpha pro asked 5 years ago

I have project i created with Mdb 6.1.5 using the zip package. project works fine on dev machine using ng Serve. Howerver building the app with ng build --prod fails with the following errors ERROR in ./ng-uikit-pro-standard/ng-uikit-pro-standard.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamsng-uikit-pro-standard' ERROR in ./src/app/app.module.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcapp' ERROR in ./src/app/article/article.module.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcapparticle' ERROR in ./src/app/auth/auth.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappauth' ERROR in ./src/app/course/course-details/course-details.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappcoursecourse-details' ERROR in ./src/app/editor/editor.module.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappeditor' ERROR in ./src/app/institutions/institutions-details/institutions-details.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappinstitutionsinstitutions-details' ERROR in ./src/app/profile/profile.module.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappprofile' ERROR in ./src/app/questions/answer/answer.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappquestionsanswer' ERROR in ./src/app/questions/question/question.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappquestionsquestion' ERROR in ./src/app/questions/questions/questions.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappquestionsquestions' ERROR in ./src/app/quiz/quiz/quiz.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappquizquiz' ERROR in ./src/app/quiz/quizes/quizes.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappquizquizes' ERROR in ./src/app/settings/settings.module.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappsettings' ERROR in ./src/app/shared/layout/header.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappsharedlayout' ERROR in ./src/app/shared/layout/control-quiz-editor/control-quiz-editor.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappsharedlayoutcontrol-quiz-editor' ERROR in ./src/app/shared/layout/students-browser/students-browser.component.ngfactory.js Module not found: Error: Can't resolve 'ng-uikit-pro-standard' in 'D:PROGRAMMING_STUFFSangularjsnestExamssrcappsharedlayoutstudents-browser'

Damian Gemza staff commented 5 years ago

Dear Razak, I have tried to reproduce your case, but for me everything is working fine. Could you please show me your package.json file, app.module.ts file (or another module in which you're importing MDB Angular modules)? It would help me to debug your problem. Best Regards, Damian

Add comment

RazakAlpha pro answered 5 years ago

0 0 Best answer

<h1>Package.json file</h1>
<div>
<div>{</div>
<div>"name": "ang2-conduit",</div>
<div>"version": "0.0.0",</div>
<div>"license": "MIT",</div>
<div>"scripts": {</div>
<div>"ng": "ng",</div>
<div>"start": "ng serve",</div>
<div>"build": "ng build --prod --bh ./ && cp CNAME dist/CNAME",</div>
<div>"test": "ng test",</div>
<div>"lint": "ng lint --force",</div>
<div>"e2e": "ng e2e"</div>
<div>},</div>
<div>"pre-commit": [</div>
<div>"lint"</div>
<div>],</div>
<div>"private": true,</div>
<div>"dependencies": {</div>
<div>"@agm/core": "^1.0.0-beta.2",</div>
<div>"@angular/animations": "5.2.9",</div>
<div>"@angular/common": "5.2.9",</div>
<div>"@angular/compiler": "5.2.9",</div>
<div>"@angular/core": "5.2.9",</div>
<div>"@angular/forms": "5.2.9",</div>
<div>"@angular/http": "^6.0.0",</div>
<div>"@angular/platform-browser": "5.2.9",</div>
<div>"@angular/platform-browser-dynamic": "5.2.9",</div>
<div>"@angular/router": "5.2.9",</div>
<div>"angular-datetime-inputs": "^0.2.6",</div>
<div>"chart.js": "2.5.x",</div>
<div>"classlist.js": "1.1.x",</div>
<div>"core-js": "^2.4.1",</div>
<div>"easy-pie-chart": "2.1.x",</div>
<div>"font-awesome": "4.7.x",</div>
<div>"hammerjs": "2.0.x",</div>
<div>"jarallax": "^1.10.3",</div>
<div>"marked": "^0.3.9",</div>
<div>"ng-html-util": "1.0.x",</div>
<div>"primeng": "^6.0.0-alpha.1",</div>
<div>"quill": "^1.3.6",</div>
<div>"rxjs": "^5.5.8",</div>
<div>"screenfull": "3.3.x",</div>
<div>"smoothscroll-polyfill": "0.3.x",</div>
<div>"web-animations-js": "2.3.x",</div>
<div>"webpack": "^3.11.0",</div>
<div>"zone.js": "^0.8.25"</div>
<div>},</div>
<div>"devDependencies": {</div>
<div>"@angular-devkit/build-angular": "~0.5.0",</div>
<div>"@angular/cli": "^1.7.3",</div>
<div>"@angular/compiler-cli": "5.2.9",</div>
<div>"@angular/language-service": "5.2.9",</div>
<div>"@types/jasmine": "~2.5.53",</div>
<div>"@types/jasminewd2": "~2.0.2",</div>
<div>"@types/node": "^9.4.0",</div>
<div>"codelyzer": "^4.0.1",</div>
<div>"jasmine-core": "~2.6.2",</div>
<div>"jasmine-spec-reporter": "~4.1.0",</div>
<div>"karma": "~1.7.0",</div>
<div>"karma-chrome-launcher": "~2.1.1",</div>
<div>"karma-cli": "~1.0.1",</div>
<div>"karma-coverage-istanbul-reporter": "^1.2.1",</div>
<div>"karma-jasmine": "~1.1.0",</div>
<div>"karma-jasmine-html-reporter": "^0.2.2",</div>
<div>"pre-commit": "^1.2.2"</div>
<div>}</div>
<div>}</div>
</div>
<div></div>
<h1>APPMODULE</h1>
<div></div>
<div>
<div>
<div>import { ModuleWithProviders, NgModule, NO_ERRORS_SCHEMA, enableProdMode } from '@angular/core';</div>
<div>import { BrowserModule } from '@angular/platform-browser';</div>
<div>import { AppComponent } from './app.component';</div>
<div>import { AuthModule } from './auth/auth.module';</div>
<div>import { HomeModule } from './home/home.module';</div>
<div>import {</div>
<div>FooterComponent,</div>
<div>HeaderComponent,</div>
<div>SharedModule</div>
<div>} from './shared';</div>
<div>import { AppRoutingModule } from './app-routing.module';</div>
<div>import { CoreModule } from './core/core.module';</div>
<div>import { InstitutionsModule } from './institutions/institutions.module';</div>
<div>import { ChipsModule} from 'primeng/chips'</div>
<div>import { ProfileModule } from './profile/profile.module';</div>
<div>import { FileUploadModule} from 'primeng/fileupload'</div>
<div>import { CourseModule } from './course/course.module';</div>
<div>import { QuestionsModule } from './questions/questions.module';</div>
<div>import { QuizModule } from './quiz/quiz.module';</div>
<div>import { TabsModule, DropdownModule, SelectModule, NavbarModule, CollapseModule } from '../../ng-uikit-pro-standard/ng-uikit-pro-standard';</div>
<div>@NgModule({</div>
<div>declarations: [AppComponent, FooterComponent, HeaderComponent],</div>
<div>imports: [</div>
<div>BrowserModule,</div>
<div>CoreModule,</div>
<div>SharedModule,</div>
<div>HomeModule,</div>
<div>AuthModule,</div>
<div>AppRoutingModule,AuthModule,</div>
<div>DropdownModule.forRoot(),</div>
<div>NavbarModule,</div>
<div>InstitutionsModule, CourseModule, QuestionsModule,</div>
<div>ChipsModule,</div>
<div>ProfileModule,</div>
<div>FileUploadModule, QuizModule, TabsModule.forRoot()</div>
<div>],</div>
<div>providers: [],</div>
<div>bootstrap: [AppComponent],</div>
<div>schemas:[NO_ERRORS_SCHEMA]</div>
<div>})</div>
<div>export class AppModule {}</div>
</div>
</div>
<div></div>

Please insert min. 20 characters.

Package.json file

{

"name": "ang2-conduit",

"version": "0.0.0",

"license": "MIT",

"scripts": {

"ng": "ng",

"start": "ng serve",

"build": "ng build --prod --bh ./ && cp CNAME dist/CNAME",

"test": "ng test",

"lint": "ng lint --force",

"e2e": "ng e2e"

"pre-commit": [

"lint"

"private": true,

"dependencies": {

"@agm/core": "^1.0.0-beta.2",

"@angular/animations": "5.2.9",

"@angular/common": "5.2.9",

"@angular/compiler": "5.2.9",

"@angular/core": "5.2.9",

"@angular/forms": "5.2.9",

"@angular/http": "^6.0.0",

"@angular/platform-browser": "5.2.9",

"@angular/platform-browser-dynamic": "5.2.9",

"@angular/router": "5.2.9",

"angular-datetime-inputs": "^0.2.6",

"chart.js": "2.5.x",

"classlist.js": "1.1.x",

"core-js": "^2.4.1",

"easy-pie-chart": "2.1.x",

"font-awesome": "4.7.x",

"hammerjs": "2.0.x",

"jarallax": "^1.10.3",

"marked": "^0.3.9",

"ng-html-util": "1.0.x",

"primeng": "^6.0.0-alpha.1",

"quill": "^1.3.6",

"rxjs": "^5.5.8",

"screenfull": "3.3.x",

"smoothscroll-polyfill": "0.3.x",

"web-animations-js": "2.3.x",

"webpack": "^3.11.0",

"zone.js": "^0.8.25"

"devDependencies": {

"@angular-devkit/build-angular": "~0.5.0",

"@angular/cli": "^1.7.3",

"@angular/compiler-cli": "5.2.9",

"@angular/language-service": "5.2.9",

"@types/jasmine": "~2.5.53",

"@types/jasminewd2": "~2.0.2",

"@types/node": "^9.4.0",

"codelyzer": "^4.0.1",

"jasmine-core": "~2.6.2",

"jasmine-spec-reporter": "~4.1.0",

"karma": "~1.7.0",

"karma-chrome-launcher": "~2.1.1",

"karma-cli": "~1.0.1",

"karma-coverage-istanbul-reporter": "^1.2.1",

"karma-jasmine": "~1.1.0",

"karma-jasmine-html-reporter": "^0.2.2",

"pre-commit": "^1.2.2"

}

APPMODULE

import { ModuleWithProviders, NgModule, NO_ERRORS_SCHEMA, enableProdMode } from '@angular/core';

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

import { AppComponent } from './app.component';

import { AuthModule } from './auth/auth.module';

import { HomeModule } from './home/home.module';

import {

FooterComponent,

HeaderComponent,

SharedModule

} from './shared';

import { AppRoutingModule } from './app-routing.module';

import { CoreModule } from './core/core.module';

import { InstitutionsModule } from './institutions/institutions.module';

import { ChipsModule} from 'primeng/chips'

import { ProfileModule } from './profile/profile.module';

import { FileUploadModule} from 'primeng/fileupload'

import { CourseModule } from './course/course.module';

import { QuestionsModule } from './questions/questions.module';

import { QuizModule } from './quiz/quiz.module';

import { TabsModule, DropdownModule, SelectModule, NavbarModule, CollapseModule } from '../../ng-uikit-pro-standard/ng-uikit-pro-standard';

@NgModule({

declarations: [AppComponent, FooterComponent, HeaderComponent],

imports: [

BrowserModule,

CoreModule,

SharedModule,

HomeModule,

AuthModule,

AppRoutingModule,AuthModule,

DropdownModule.forRoot(),

NavbarModule,

InstitutionsModule, CourseModule, QuestionsModule,

ChipsModule,

ProfileModule,

FileUploadModule, QuizModule, TabsModule.forRoot()

providers: [],

bootstrap: [AppComponent],

schemas:[NO_ERRORS_SCHEMA]

})

export class AppModule {}

Damian Gemza staff commented 5 years ago

Could you please try to import MDB modules not from './../ng-uikit-pro-standard/ng-uikit-pro-standard/' but from /./../ng-uikit-pro-standard' or from 'ng-uikit-pro-standard' (installed in node_modules) and let me know if errors still exists? Best Regards, Damian

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB Angular
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

RazakAlpha

Pro User 10Support score
2Questions 1Answers 0Snippets