ionic-team / ionic-v3

The repo for Ionic 3.x. For the latest version of Ionic, please see https://github.com/ionic-team/ionic
Other
128 stars 85 forks source link

AOT build fails and gives typescript error. Can't resolve all parameters for ElementRef @angular/core/core.d.ts: (?). #995

Open ionitron-bot[bot] opened 5 years ago

ionitron-bot[bot] commented 5 years ago

Original issue by @aravindvakil on 2019-03-21T09:17:04Z

Unable to do production build in ionic 3.19.0. I've checked the related AOT build error in the issue list and can't able to find a solution. The error is in @angular/core. I've given the package.json below.


package.json

{ "name": "myApp", "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", "build:prod": "ionic build", "build:prod1": "ionic cordova build browser", "test": "karma start ./test-config/karma.conf.js", "test-ci": "karma start ./test-config/karma.conf.js --single-run", "test-coverage": "karma start ./test-config/karma.conf.js --coverage", "e2e": "npm run e2e-update && npm run e2e-test", "e2e-test": "protractor ./test-config/protractor.conf.js", "e2e-update": "webdriver-manager update --standalone false --gecko false" }, "config": { "ionic_copy": "./config/copy.config.js", "ionic_sass": "./config/sass.config.js", "ionic_source_map_type": "source-map", "ionic_webpack": "./config/webpack.config.js" }, "dependencies": { "@angular/animations": "5.2.11", "@angular/common": "5.2.11", "@angular/compiler": "5.2.11", "@angular/compiler-cli": "^5.2.11", "@angular/core": "5.2.11", "@angular/forms": "5.2.11", "@angular/http": "5.2.11", "@angular/platform-browser": "5.2.11", "@angular/platform-browser-dynamic": "5.2.11", "@ionic-native/barcode-scanner": "^4.7.0", "@ionic-native/call-number": "^4.7.0", "@ionic-native/core": "~4.17.0", "@ionic-native/keyboard": "^4.19.0", "@ionic-native/splash-screen": "~4.17.0", "@ionic-native/status-bar": "~4.17.0", "@ionic/storage": "^2.2.0", "angular-vertical-timeline": "^0.6.0", "angular2-signaturepad": "^2.8.0", "bootstrap": "^4.3.1", "bwip-angular2": "^1.0.5", "bwip-js": "^1.7.1", "call-number": "1.0.1", "chart.js": "^2.7.3", "cordova-android": "7.1.4", "cordova-browser": "5.0.4", "cordova-plugin-device": "^2.0.2", "cordova-plugin-ionic-keyboard": "2.1.3", "cordova-plugin-ionic-webview": "^2.3.2", "cordova-plugin-splashscreen": "^5.0.2", "cordova-plugin-statusbar": "^2.4.2", "cordova-plugin-whitelist": "^1.3.3", "cordova-sqlite-storage": "2.5.2", "enhanced-resolve": "^3.3.0", "ionic-angular": "3.9.2", "ionic-tooltips": "^3.1.0", "ionic2-super-tabs": "^5.1.1", "ionic3-star-rating": "^1.1.5", "ionicons": "3.0.0", "jquery": "^3.3.1", "jsbarcode": "^4.0.0-alpha.5", "ng-pick-datetime": "^5.2.6", "ng2-auto-complete": "^0.12.0", "ng2-bootstrap": "^1.6.3", "ng2-charts": "^1.6.0", "ng2-completer": "^2.0.8", "ng2-input-autocomplete": "^0.2.1", "ng2-search-filter": "^0.4.7", "ng2-smart-table": "^1.3.5", "ngx-pagination": "^3.2.1", "ngx-tooltip": "0.0.9", "pdfmake": "^0.1.53", "rxjs": "5.5.11", "sw-toolbox": "^3.6.0", "tslib": "^1.9.3", "xlsx": "^0.14.1", "zone.js": "0.8.26" }, "devDependencies": { "@ionic/app-scripts": "3.2.3", "@types/jasmine": "^3.3.9", "@types/jquery": "^3.3.29", "@types/node": "^11.11.3", "angular2-template-loader": "^0.6.2", "html-loader": "^0.5.5", "istanbul-instrumenter-loader": "^3.0.1", "jasmine": "^3.3.1", "jasmine-spec-reporter": "^4.2.1", "karma": "^4.0.1", "karma-chrome-launcher": "^2.2.0", "karma-coverage-istanbul-reporter": "^2.0.5", "karma-jasmine": "^2.0.1", "karma-jasmine-html-reporter": "^1.4.0", "karma-sourcemap-loader": "^0.3.7", "karma-webpack": "^3.0.5", "null-loader": "^0.1.1", "protractor": "^5.4.2", "ts-loader": "^3.5.0", "ts-node": "^8.0.3", "typescript": "^2.6.2" }, "description": "An Ionic project", "cordova": { "plugins": { "cordova-sqlite-storage": {}, "phonegap-plugin-barcodescanner": {}, "cordova-plugin-ionic-keyboard": {}, "cordova-plugin-whitelist": {}, "cordova-plugin-statusbar": {}, "cordova-plugin-device": {}, "cordova-plugin-splashscreen": {}, "cordova-plugin-ionic-webview": {}, "mx.ferreyra.callnumber": {} }, "platforms": [ "browser", "android" ] } }


ionic cordova build browser --prod

Running app-scripts build: --prod --platform browser --target cordova [14:34:32] build prod started ... [14:34:32] clean started ... [14:34:33] clean finished in 277 ms [14:34:33] copy started ... [14:34:33] deeplinks started ... [14:34:35] deeplinks finished in 1.14 s [14:34:35] ngc started ... [14:35:02] typescript error Can't resolve all parameters for ElementRef in C:/Users/Aravind Vakil/Desktop/Projects/git/CIOS_frontend/node_modules/@angular/core/core.d.ts: (?).

Error: The Angular AoT build failed. See the issues above at C:\Users\Aravind Vakil\Desktop\Projects\git\CIOS_frontend\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:237:55 at step (C:\Users\Aravind Vakil\Desktop\Projects\git\CIOS_frontend\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:32:23) at Object.next (C:\Users\Aravind Vakil\Desktop\Projects\git\CIOS_frontend\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:13:53) at fulfilled (C:\Users\Aravind Vakil\Desktop\Projects\git\CIOS_frontend\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:4:58) at [14:35:02] copy finished in 29.80 s

sparkyarul commented 5 years ago

I am also facing the same issue

longgt commented 5 years ago

typescript should be pinned to ~2.6.2.

aravindvakil commented 5 years ago

typescript should be pinned to ~2.6.2.

I've tried to pin typescript to ~2.6.2. but, it failed.

npm i typescript@~2.6.2 --save

npm WARN rollback Rolling back readable-stream@2.3.6 failed (this is probably harmless): EPERM: operation not permitted, lstat 'C:\Users\Aravind Vakil\Desktop\Projects\git\CIOS_frontend\node_modules\fsevents' npm WARN rollback Rolling back needle@2.2.4 failed (this is probably harmless): EPERM: operation not permitted, lstat 'C:\Users\Aravind Vakil\Desktop\Projects\git\CIOS_frontend\node_modules\watchpack\node_modules\fsevents\node_modules'

longgt commented 5 years ago

You can try to run with cmd run as administrator. Or you can modify package.json, delete node_modules folder and re-install again with npm i

aravindvakil commented 5 years ago

You can try to run with cmd run as administrator. Or you can modify package.json, delete node_modules folder and re-install again with npm i

It is showing the same AOT build error