Cannot find module “.” after --prod --relase build in ionic 3
See original GitHub issueI am trying to make my prod build work I am getting this error
Cannot find module "."
at vendor.js:1
at vendor.js:1
at Object.<anonymous> (vendor.js:1)
at e (vendor.js:1)
at Object.322 (main.js:1)
at e (vendor.js:1)
at window.webpackJsonp (vendor.js:1)
at main.js:1
screen:1 Failed to load resource: the server responded with a status of 404 (Not Found)
After doing some research I found the type script version 3.2.3 might be causing this and I should downgrade to typescript@2.7.2 but When I downgrade my version it gives me this error
The Angular Compiler requires TypeScript >=3.1.1 and <3.3.0 but 2.7.2 was found instead
My Package.json is
{
"name": "HelloWorld",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"start": "ionic-app-scripts serve",
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint"
},
"dependencies": {
"@angular/animations": "7.2.2",
"@angular/common": "7.2.2",
"@angular/compiler": "7.2.2",
"@angular/compiler-cli": "^7.2.12",
"@angular/core": "7.2.2",
"@angular/forms": "7.2.2",
"@angular/http": "7.2.2",
"@angular/platform-browser": "7.2.2",
"@angular/platform-browser-dynamic": "7.2.2",
"@ionic-native/base64": "^5.3.0",
"@ionic-native/core": "~5.0.0",
"@ionic-native/http": "^5.2.0",
"@ionic-native/screen-orientation": "^5.3.0",
"@ionic-native/splash-screen": "~5.3.0",
"@ionic-native/status-bar": "~5.3.0",
"@ionic/storage": "2.2.0",
"@types/html2canvas": "0.0.35",
"@types/lodash": "^4.14.122",
"angular2-color-picker": "^1.3.1",
"angular2-draggable": "^2.2.1",
"angular2-uuid": "^1.1.1",
"com-badrit-base64": "0.2.0",
"cordova-android": "^8.0.0",
"cordova-browser": "5.0.4",
"cordova-plugin-screen-orientation": "^3.0.1",
"es6-promise-plugin": "^4.2.2",
"html2canvas": "^1.0.0-alpha.12",
"ionic-angular": "3.9.2",
"ionic-long-press": "^1.5.0",
"ionicons": "4.5.5",
"lodash": "^4.17.11",
"mobx": "^5.0.3",
"mobx-angular": "^3.0.1",
"ng-socket-io": "^0.2.4",
"ngx-color-picker": "^7.3.1",
"rxjs": "6.0.0",
"rxjs-compat": "^6.2.1",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.26"
},
"devDependencies": {
"@ionic/app-scripts": "^3.2.3",
"@ionic/cli-plugin-cordova": "1.6.2",
"@ionic/cli-plugin-ionic-angular": "1.4.1",
"@types/node": "~8.9.4",
"cordova-plugin-advanced-http": "2.0.5",
"cordova-plugin-device": "2.0.2",
"cordova-plugin-ionic-keyboard": "^2.0.5",
"cordova-plugin-ionic-webview": "^2.0.0",
"cordova-plugin-splashscreen": "5.0.2",
"cordova-plugin-statusbar": "2.4.2",
"cordova-plugin-whitelist": "1.3.3",
"ts-node": "~5.0.1",
"typescript": "^3.1.1"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-screen-orientation": {},
"cordova-plugin-whitelist": {},
"cordova-plugin-statusbar": {},
"cordova-plugin-device": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-ionic-webview": {
"ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
},
"cordova-plugin-ionic-keyboard": {},
"cordova-plugin-advanced-http": {}
},
"platforms": [
"android",
"browser"
]
}
}
ng --version details
Angular CLI: 6.1.3
Node: 10.16.0
OS: win32 x64
Angular: 7.2.2
... animations, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.7.3 (cli-only)
@angular-devkit/build-optimizer 0.0.35
@angular-devkit/core 0.7.3 (cli-only)
@angular-devkit/schematics 0.7.3 (cli-only)
@angular/compiler-cli 7.2.15
@schematics/angular 0.7.3 (cli-only)
@schematics/update 0.7.3 (cli-only)
rxjs 6.0.0
typescript 2.8.3
webpack 3.8.1
Any Help Would be appreciated
Issue Analytics
- State:
- Created 4 years ago
- Comments:9
Top Results From Across the Web
Ionic 3: Build in “prod” mode: Cannot find module “.”
I found the problem. In my package.json I was using: "typescript": "^2.9.1",. Decreasing the version to ~2.6.2 fixed it for me.
Read more >Build in "prod" mode: Cannot find module "." - Ionic Forum
Hi everyone, we have a large Ionic app that we're trying to build in production mode since it's almost ready. The first issue...
Read more >uncaught error cannot find module . ionic 3, ionic prod uncaught ...
ionic prod build error cannot find module. Try the usual, delete node_modules and package-lock.json, run npm install, try to build again.
Read more >@ionic/app-scripts - npm
Publish a release · Ensure your branch has been merged into master · Run npm run build to generate the dist directory ·...
Read more >Fixing Could not find module @angular-devkit/build-angular ...
Solution 1: Delete node_modules folder and run npm install · Solution 2 : Install @angular-devkit/build-angular package as a dev dependency.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
you just need to disable the AoT, from my experience. this is what I use:
--release --aot false --environment prod --output-hashing all --sourcemaps false --extract-css true --named-chunks false --build-optimizer true --minifyjs=true --minifycss=true --optimizejs=true
For me, the problem was
ìonic build
command to generate a release build. Useionic build --optimizejs --minifycss --minifyjs
command, hope it helps!