Cannot find module 'ngx-modialog/plugins/bootstrap'.

[czarcismok]

Hi there! This is probably newbie mistake but I've been sitting quite a while now and I can't figure this out. I've been using angular2-modal with ease (thank You for great work! ;), but upgrade had come along with some unexpected errors. When building webpack (npm run build) I got:

ERROR in /home/[...]/src/app/app.module.ts (11,38): Cannot find module 'ngx-modialog/plugins/bootstrap'. ERROR in Error: Error encountered resolving symbol values statically. Could not resolve ngx-modialog/plugins/bootstrap relative to /home/[...]/src/app/app.module.ts., resolving symbol AppModule in /home/[...]/src/app/app.module.ts, resolving symbol AppModule in /home/[...]/src/app/app.module.ts at syntaxError (/home/[...]/node_modules/@angular/compiler/bundles/compiler.umd.js:1729:34) at simplifyInContext (/home/[...]/node_modules/@angular/compiler/bundles/compiler.umd.js:25111:23) at StaticReflector.simplify (/home/[...]/node_modules/@angular/compiler/bundles/compiler.umd.js:25123:13) at StaticReflector.annotations (/home/[...]/node_modules/@angular/compiler/bundles/compiler.umd.js:24553:41) at _getNgModuleMetadata (/home/[...]/node_modules/@angular/compiler-cli/src/ngtools_impl.js:138:31) at _extractLazyRoutesFromStaticModule (/home/[...]/node_modules/@angular/compiler-cli/src/ngtools_impl.js:109:26) at Object.listLazyRoutesOfModule (/home/[...]/node_modules/@angular/compiler-cli/src/ngtools_impl.js:53:22) at Function.NgTools_InternalApi_NG_2.listLazyRoutes (/home/[...]/node_modules/@angular/compiler-cli/src/ngtools_api.js:91:39) at AotPlugin._getLazyRoutesFromNgtools (/home/[...]/node_modules/@ngtools/webpack/src/plugin.js:207:44) at _donePromise.Promise.resolve.then.then.then.then.then (/home/[...]/node_modules/@ngtools/webpack/src/plugin.js:443:24) at process._tickCallback (internal/process/next_tick.js:109:7) at Module.runMain (module.js:607:11) at run (bootstrap_node.js:427:7) at startup (bootstrap_node.js:151:9) at bootstrap_node.js:542:3

and when I point it directly to 'ngx-modialog/plugins/bootstrap/src/bootstrap'

ERROR in Error: BootstrapModalModule is not an NgModule at _getNgModuleMetadata (/home/[...]/node_modules/@angular/compiler-cli/src/ngtools_impl.js:140:15) at _extractLazyRoutesFromStaticModule (/home/[...]/node_modules/@angular/compiler-cli/src/ngtools_impl.js:109:26) at /home/[...]/node_modules/@angular/compiler-cli/src/ngtools_impl.js:129:27 at Array.reduce (native) at _extractLazyRoutesFromStaticModule (/home/[...]/node_modules/@angular/compiler-cli/src/ngtools_impl.js:128:10) at Object.listLazyRoutesOfModule (/home/[...]/node_modules/@angular/compiler-cli/src/ngtools_impl.js:53:22) at Function.NgTools_InternalApi_NG_2.listLazyRoutes (/home/[...]/node_modules/@angular/compiler-cli/src/ngtools_api.js:91:39) at AotPlugin._getLazyRoutesFromNgtools (/home/[...]/node_modules/@ngtools/webpack/src/plugin.js:207:44) at _donePromise.Promise.resolve.then.then.then.then.then (/home/[...]/node_modules/@ngtools/webpack/src/plugin.js:443:24) at process._tickCallback (internal/process/next_tick.js:109:7) at Module.runMain (module.js:607:11) at run (bootstrap_node.js:427:7) at startup (bootstrap_node.js:151:9) at bootstrap_node.js:542:3

Any ideas?

my package.json:

{ "name": "ultra-secret-app-name", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "webpack-dev-server --port=4200", "build": "webpack", "test": "karma start ./karma.conf.js", "lint": "ng lint", "e2e": "protractor ./protractor.conf.js", "i18n": "ng-xi18n", "extract": "ngx-translate-extract --input ./src --output ./src/locale/*.json --clean --sort --format namespaced-json", "pree2e": "webdriver-manager update --standalone false --gecko false --quiet" }, "private": true, "dependencies": { "@angular/animations": "^4.4.3", "@angular/common": "^4.4.3", "@angular/compiler": "^4.4.3", "@angular/core": "^4.4.3", "@angular/flex-layout": "^2.0.0-beta.6", "@angular/forms": "^4.4.3", "@angular/http": "^4.4.3", "@angular/platform-browser": "^4.4.3", "@angular/platform-browser-dynamic": "^4.4.3", "@angular/platform-server": "^4.4.3", "@angular/router": "^4.4.3", "@biesbjerg/ngx-translate-extract": "^2.3.2", "@ngtools/webpack": "^1.7.1", "@ngx-translate/core": "^8.0.0", "@ngx-translate/http-loader": "^2.0.0", "@types/bootstrap-fileinput": "0.0.6", "@types/file-saver": "0.0.1", "@types/fullcalendar": "^2.7.46", "@types/jquery": "^3.2.12", "@types/node": "^7.0.43", "anytime": "^1.4.2", "bcrypt": "^1.0.3", "bootstrap": "^3.3.7", "bootstrap-fileinput": "^4.4.4", "coa": "^2.0.0", "core-js": "^2.5.1", "cryptico": "^1.0.2", "crypto": "0.0.3", "extract-text-webpack-plugin": "^3.0.0", "file-saver": "^1.3.3", "flatpickr": "^3.0.7", "fullcalendar": "^3.5.1", "localStorage": "^1.0.3", "moment": "^2.18.1", "ng-dynamic-component": "^1.1.0", "ng2-completer": "^1.6.3", "ngx-modialog": "^3.0.4", "node-gyp": "^3.6.2", "node-pre-gyp": "^0.6.38", "rxjs": "^5.4.3", "to-string-loader": "^1.1.5", "webpack": "^3.6.0", "zone.js": "^0.8.18" }, "devDependencies": { "@angular/cli": "^1.4.3", "@angular/compiler-cli": "^4.4.3", "@types/jasmine": "2.5.47", "aes-js": "^3.1.0", "angular-ide": "^0.9.23", "angular2-jwt": "^0.2.3", "autoprefixer": "^6.5.3", "bcryptjs": "^2.4.3", "circular-dependency-plugin": "^3.0.0", "codelyzer": "^3.2.0", "copy-webpack-plugin": "^4.0.1", "css-loader": "^0.28.7", "cssnano": "^3.10.0", "exports-loader": "^0.6.3", "file-loader": "^0.10.0", "html-webpack-plugin": "^2.30.1", "istanbul-instrumenter-loader": "^2.0.0", "jasmine-core": "^2.8.0", "jasmine-spec-reporter": "~4.1.0", "karma": "^1.7.1", "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", "less-loader": "^4.0.5", "postcss-loader": "^1.3.3", "postcss-url": "^5.1.2", "pouchdb": "^6.3.4", "pouchdb-authentication": "^0.5.5", "protractor": "~5.1.2", "raw-loader": "^0.5.1", "sass-loader": "^6.0.6", "source-map-loader": "^0.2.0", "style-loader": "^0.13.1", "stylus-loader": "^3.0.1", "transform-pouch": "^1.1.3", "ts-node": "~3.0.4", "tslint": "^5.7.0", "typescript": "^2.5.3", "url-loader": "^0.5.7", "webpack-concat-plugin": "1.4.0", "webpack-dev-server": "~2.7.1" }

[achimha]

That's a problem with Typescript 2.5.3. If you go back to 2.5.2, it should work. I had the same issue.

[czarcismok]

Wow, super-fast - that was the case, now it's building. Thanks!

[MartinNuc]

I have similar issue on TS 2.5.2

Tried to downgrade to TS 2.3.4 but didnt help.

I use "ngx-modialog": "3.0.4"

ERROR in /Users/mist/programming/[...]/src/app/core/core.module.ts (27,38): Cannot find module 'ngx-modialog/plugins/bootstrap'.

Any idea what could be the cause?

[MartinNuc]

Finally it works. Forgot to remove yarn.lock ... so I probably used the wrong version.

[DelphiWorlds]

TS 2.5.2 fixed it for me, too