Hi I'm having an issue with using Spartacus 4.3 in zone.js. Build is successful but I cannot view my local since it has an issue with Unhandled Promise rejection: R3InjectorError(AppModule)[ApplicationModule. Please advise
Heres what's inside my package.json
"dependencies": {
"#angular/animations": "~12.2.16",
"#angular/common": "~12.2.16",
"#angular/compiler": "~12.2.16",
"#angular/core": "~12.2.16",
"#angular/forms": "~12.2.16",
"#angular/platform-browser": "~12.2.16",
"#angular/platform-browser-dynamic": "~12.2.16",
"#angular/router": "~12.2.16",
"#angular/service-worker": "^12.0.5",
"#ng-bootstrap/ng-bootstrap": "^10.0.0",
"#ng-select/ng-select": "^7.0.1",
"#ngrx/effects": "^12.1.0",
"#ngrx/router-store": "^12.1.0",
"#ngrx/store": "^12.1.0",
"#spartacus/asm": "~4.3.8",
"#spartacus/assets": "~4.3.8",
"#spartacus/cart": "~4.3.8",
"#spartacus/checkout": "~4.3.8",
"#spartacus/core": "~4.3.8",
"#spartacus/order": "~4.3.8",
"#spartacus/product": "~4.3.8",
"#spartacus/smartedit": "~4.3.8",
"#spartacus/storefinder": "~4.3.8",
"#spartacus/storefront": "~4.3.8",
"#spartacus/styles": "~4.3.8",
"#spartacus/tracking": "~4.3.8",
"#spartacus/user": "~4.3.8",
"angular-oauth2-oidc": "^10.0.1",
"bootstrap": "^4.3.1",
"i18next": "^20.2.2",
"i18next-http-backend": "^1.2.2",
"ngx-infinite-scroll": "^8.0.0",
"rxjs": "~6.5.4",
"tslib": "^2.0.0",
"zone.js": "~0.11.4",
"#angular/platform-server": "~10.1.0",
"#ngrx/store-devtools": "^8.6.0",
"#nguniversal/express-engine": "^10.1.0",
"#spartacus/setup": "^3.0.0-rc.2",
"express": "^4.15.2",
"ts-loader": "^6.0.4",
"#types/express": "^4.17.0",
"#angular/material-moment-adapter": "^9.1.2",
"#ng-dynamic-forms/core": "^14.0.1",
"#ng-dynamic-forms/ui-material": "^14.0.1",
"angular2-text-mask": "^9.0.0",
"country-flag-icons": "^1.1.1",
"fastify": "^2.12.0",
"jquery": "^3.4.1",
"lodash-es": "^4.17.15",
"material-dynamic-table": "^9.4.0",
"moment-jdateformatparser": "^1.2.1",
"ng-connection-service": "^1.0.4",
"ng-recaptcha": "^5.0.0",
"ng2-sticky-kit": "^6.1.0",
"ngx-cookie": "^4.1.2",
"ngx-cookie-service": "^3.0.3",
"ngx-device-detector": "1.4.6",
"ngx-image-zoom": "^1.0.1",
"ngx-moment": "^5.0.0",
"ngx-slick-carousel": "^0.4.7",
"popper.js": "^1.16.0",
"slick-carousel": "^1.8.1",
"ngx-mask": "^13.1.13",
"#angular/localize": "^12.0.5"
},
"devDependencies": {
"#angular-devkit/build-angular": "~12.2.18",
"#angular-devkit/schematics": "^12.0.5",
"#angular/cli": "~12.2.18",
"#angular/compiler-cli": "~12.2.16",
"#spartacus/schematics": "4",
"#types/jasmine": "~3.6.0",
"#types/jasminewd2": "~2.0.3",
"#types/node": "^12.11.1",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~6.4.1",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.3.5",
"#angular/material": "^12.2.13",
"#angular/cdk": "^12.2.13",
"angular2-template-loader": "0.6.2",
"babel-loader": "^8.0.6",
"element-closest-polyfill": "1.0.0",
"file-saver": "^2.0.2",
"hammerjs": "^2.0.8",
"husky": "^4.3.0",
"moment": "^2.24.0",
"prettier": "^2.2.0",
"prettier-plugin-organize-imports": "^1.1.1",
"pretty-quick": "^3.1.0",
"ts-loader": "^6.0.4",
"webpack-cli": "^3.3.2",
"#nguniversal/builders": "^10.1.0"
},
is this related to this? https://github.com/SAP/spartacus/issues/11016
Hi was able to fixed the issue due to router module. Some modules requred in router module was not present.
Related
I'm trying to migrate to the last vue-styleguidist but since v4.0.0 i can't.
With the 3.26.2 it's working fine.
I have this error :
(node:11764) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 6)
There is a guide for the migration?
It's very strange since the babel typescript snafu everything is fine, maybe i need to add something inside babel configuration?
i'm working with :
NodeJS 10.15.1
My dependencies :
"dependencies": {
"async-validator": "^1.12.2",
"cleave.js": "^1.5.3",
"color": "^3.1.2",
"ie11-custom-properties": "^2.3.0",
"interactjs": "^1.7.2",
"lodash": "^4.17.15",
"lodash.orderby": "^4.6.0",
"mobile-device-detect": "^0.2.3",
"normalize-wheel": "^1.0.1",
"portal-vue": "^1.5.1",
"throttle-debounce": "^1.0.1",
"vue": "^2.6.10",
"vue-avatar": "^2.1.8",
"vue-i18n": "^7.4.1",
"vue-infinite-scroll": "^2.0.2",
"vue-lorem-ipsum": "0.0.1",
"vue-router": "^3.1.3",
"vue-styleguidist": "4.0.3",
"vue-svgicon": "^2.1.3",
"vuebar": "^0.0.20"
},
"devDependencies": {
"#babel/core": "^7.7.4",
"#vue/babel-preset-app": "^3.12.1",
"#vue/cli-plugin-babel": "^3.12.1",
"#vue/cli-plugin-unit-jest": "^3.12.1",
"#vue/cli-service": "^3.12.1",
"#vue/test-utils": "^1.0.0-beta.29",
"autoprefixer": "^8.2.0",
"babel-core": "^7.0.0-bridge.0",
"babel-eslint": "^8.2.2",
"babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-jest": "^22.4.4",
"babel-loader": "^8.0.6",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-polyfill": "^6.26.0",
"cheerio": "^1.0.0-rc.3",
"connect-history-api-fallback": "^1.6.0",
"cross-env": "^5.2.1",
"css-loader": "^0.28.9",
"deepmerge": "^2.0.1",
"eslint": "^4.16.0",
"eslint-config-airbnb-base": "^12.1.0",
"eslint-import-resolver-webpack": "^0.8.4",
"eslint-loader": "^2.2.1",
"eslint-plugin-html": "^4.0.2",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-vue": "^4.4.0",
"express": "^4.17.1",
"favicons-webpack-plugin": "0.0.8",
"file-loader": "^1.1.11",
"highlight.js": "^9.16.2",
"html-webpack-plugin": "^3.1.0",
"http-proxy-middleware": "^0.18.0",
"jest": "^24.9.0",
"jest-cucumber": "^2.0.11",
"jest-html-reporters": "^1.2.0",
"jest-serializer-vue": "^2.0.2",
"json-loader": "^0.5.7",
"markdown-it": "^8.4.0",
"markdown-it-container": "^2.0.0",
"mini-css-extract-plugin": "^0.2.0",
"node-sass": "^4.13.0",
"nodemon": "^1.19.4",
"normalize.css": "^8.0.0",
"npm-run-all": "^4.1.2",
"ora": "^2.0.0",
"postcss-loader": "^2.0.10",
"postcss-url": "^7.3.0",
"raw-loader": "^0.5.1",
"resolve-url-loader": "^2.3.2",
"sass-loader": "^6.0.6",
"shelljs": "^0.8.1",
"style-loader": "^0.20.3",
"ts-jest": "^24.2.0",
"tslint": "^5.20.1",
"typescript": "^3.7.2",
"url-loader": "^1.0.1",
"vue-clipboards": "^1.3.0",
"vue-html-loader": "^1.2.4",
"vue-jest": "^3.0.5",
"vue-loader": "^14.2.4",
"vue-markdown-loader": "^2.4.0",
"vue-server-renderer": "^2.6.10",
"vue-style-loader": "^4.1.0",
"vue-template-compiler": "^2.6.10",
"webpack": "^4.41.2",
"webpack-bundle-analyzer": "^2.9.2",
"webpack-cli": "^3.3.10",
"webpack-dashboard": "^1.1.1",
"webpack-dev-middleware": "^3.7.2",
"webpack-hot-middleware": "^2.25.0",
"webpack-merge": "^4.2.2",
"yaml-loader": "^0.5.0"
}
I am getting error as I have updated to angular7?
Package.json
"dependencies": {
"#angular/animations": "^7.0.3",
"#angular/common": "^7.0.3",
"#angular/compiler": "^7.0.3",
"#angular/core": "^7.0.3",
"#angular/forms": "^7.0.3",
"#angular/http": "^7.0.3",
"#angular/platform-browser": "^7.0.3",
"#angular/platform-browser-dynamic": "^7.0.3",
"#angular/platform-server": "^7.0.3",
"#angular/router": "^7.0.3",
"#ng-bootstrap/ng-bootstrap": "^1.0.0-beta.9",
"#types/lodash": "^4.14.116",
"bootstrap": "^4.1.3",
"core-js": "^2.5.7",
"font-awesome": "^4.7.0",
"hammerjs": "^2.0.8",
"ng-connection-service": "^1.0.4",
"ngx-perfect-scrollbar": "^6.3.1",
"ngx-toastr": "^9.1.0",
"ngx-ui-switch": "^1.6.0",
"rxjs": "^6.3.3",
"rxjs-compat": "^6.3.3",
"web-animations-js": "2.3.1",
"zone.js": "^0.8.26"
},
"devDependencies": {
"#angular-devkit/build-angular": "^0.10.5",
"#angular/cdk": "^6.4.7",
"#angular/cli": "^7.0.5",
"#angular/compiler-cli": "^7.0.3",
"#angular/language-service": "^7.0.3",
"#angular/material": "^6.4.7",
"#types/jasmine": "^2.8.11",
"#types/jasminewd2": "~2.0.2",
"#types/node": "^10.12.6",
"codelyzer": "^4.5.0",
"jasmine-core": "^3.3.0",
"jasmine-spec-reporter": "^4.2.1",
"karma": "^3.1.1",
"karma-chrome-launcher": "^2.2.0",
"karma-cli": "^1.0.1",
"karma-coverage-istanbul-reporter": "^1.4.3",
"karma-jasmine": "^1.1.2",
"karma-jasmine-html-reporter": "^1.4.0",
"node-sass": "^4.9.3",
"protractor": "^5.4.1",
"rxjs-tslint": "^0.1.5",
"ts-node": "~4.1.0",
"tslint": "^5.11.0",
"typescript": "^3.1.6",
"webpack": "^4.20.2"
}
}
Above error occuring while I am running command:-
ng build --configuration=qa
How to solve this issue while using ng build --configuration=qa ?
This error occuring when running ng build --configuration=qa ?
Error:-
ERROR in
node_modules\#ng-bootstrap\ng-bootstrap\datepicker\datepicker-navigation.d.ts.NgbDatepickerNavigation.html(3,67):
: An expression of type 'void' cannot be tested for truthiness
I updated the '#ng-bootstrap/ng-bootstrap' package to version 4 and it solved the problem.
try this npm install --save #ng-bootstrap/ng-bootstrap#latest
I create an application with visual studio 2017
ASP.Net core
angular
the template come with angular 4
I updated for angular 6.1.3
but I get this error
crit: Microsoft.AspNetCore.Hosting.Internal.WebHost[6]
Application startup exception
System.AggregateException: One or more errors occurred. (Version of #angular/compiler-cli needs to be 2.3.1 or greater. Current version is "6.1.3".
here is my package.json
{
"name": "WebApplication1",
"private": true,
"version": "0.0.0",
"scripts": {
"test": "karma start ClientApp/test/karma.conf.js"
},
"devDependencies": {
"#angular/animations": "6.1.3",
"#angular/common": "6.1.3",
"#angular/compiler": "6.1.3",
"#angular/compiler-cli": "^6.1.3",
"#angular/core": "6.1.3",
"#angular/forms": "6.1.3",
"#angular/http": "6.1.3",
"#angular/platform-browser": "6.1.3",
"#angular/platform-browser-dynamic": "6.1.3",
"#angular/platform-server": "6.1.3",
"#angular/router": "6.1.3",
"#ngtools/webpack": "1.5.0",
"#types/chai": "4.0.1",
"#types/jasmine": "2.5.53",
"#types/webpack-env": "1.13.0",
"aspnet-prerendering": "^3.0.1",
"aspnet-webpack": "^2.0.3",
"awesome-typescript-loader": "3.2.1",
"bootstrap": "^4.1.3",
"chai": "4.0.2",
"css": "2.2.1",
"css-loader": "0.28.4",
"es6-shim": "0.35.3",
"event-source-polyfill": "0.0.9",
"expose-loader": "0.7.3",
"extract-text-webpack-plugin": "2.1.2",
"file-loader": "0.11.2",
"html-loader": "0.4.5",
"isomorphic-fetch": "2.2.1",
"jasmine-core": "2.6.4",
"jquery": "3.2.1",
"json-loader": "0.5.4",
"karma": "1.7.0",
"karma-chai": "0.1.0",
"karma-chrome-launcher": "2.2.0",
"karma-cli": "1.0.1",
"karma-jasmine": "1.1.0",
"karma-webpack": "2.0.3",
"preboot": "4.5.2",
"raw-loader": "0.5.1",
"reflect-metadata": "0.1.10",
"rxjs": "6.2.2",
"style-loader": "0.18.2",
"to-string-loader": "1.1.5",
"typescript": "2.9.2",
"url-loader": "0.5.9",
"webpack": "2.5.1",
"webpack-hot-middleware": "2.18.2",
"webpack-merge": "4.1.0",
"zone.js": "0.8.26"
},
"dependencies": {
"#angular/cli": "^6.1.4",
"popper.js": "^1.14.4",
"rxjs-compat": "^6.0.0-rc.0"
}
}
I've been told to switch from ngOutletContext to ngTemplateOutletContext for my upgrade from angular 4.4 to 5.2.
What is bugging me is that I do not have a single directive ngOutletContext in any of my tags.
For example, all of my ng-template tags look like this:
<ng-template tabHeading>
or
<ng-template ngFor let-breadcrumb [ngForOf]="breadcrumbs" let-last = last>
or
<ng-template ngbTabContent>
I'm guessing it is a problem with some of the dependencies that I have installed?
Here is the list, would appreciate a second pair of eyes on this:
"dependencies": {
"#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": "^5.2.9",
"#angular/platform-browser": "^5.2.9",
"#angular/platform-browser-dynamic": "^5.2.9",
"#angular/platform-server": "^5.2.9",
"#angular/router": "^5.2.9",
"#ng-bootstrap/ng-bootstrap": "1.0.0-beta.5",
"#swimlane/ngx-charts": "^6.1.0",
"angular2-jwt": "^0.2.3",
"angular2-text-mask": "^8.0.0",
"chart.js": "^2.7.2",
"classlist.js": "^1.1.20150312",
"core-js": "2.5.1",
"d3": "^4.11.0",
"font-awesome": "4.7.0",
"html2canvas": "^0.5.0-beta4",
"jspdf": "^1.3.5",
"moment": "^2.19.3",
"ng-bootstrap": "1.6.3",
"ng-select": "1.0.0-beta.6",
"ng2-charts": "^1.6.0",
"ngx-bootstrap": "2.0.0-beta.8",
"ngx-progressbar": "~2.0.8",
"ngx-toastr": "^6.3.0",
"pdfjs-dist": "^2.0.395",
"rxjs": "^5.5.8",
"simple-line-icons": "2.4.1",
"text-mask-addons": "^3.7.0",
"ts-helpers": "1.1.2",
"web-animations-js": "^2.3.1",
"zone.js": "0.8.14"
},
"devDependencies": {
"#angular/cli": "1.7.3",
"#angular/compiler-cli": "^5.2.9",
"#types/jasmine": "2.5.43",
"#types/jasminewd2": "^2.0.3",
"#types/jspdf": "^1.1.31",
"#types/mongodb": "^2.2.11",
"#types/mongoose": "^4.7.23",
"#types/node": "7.0.5",
"#types/rx": "^4.1.1",
"codelyzer": "4.0.0",
"jasmine": "^3.1.0",
"jasmine-core": "2.5.2",
"jasmine-spec-reporter": "3.2.0",
"karma": "1.5.0",
"karma-chrome-launcher": "2.0.0",
"karma-cli": "1.0.1",
"karma-coverage-istanbul-reporter": "1.0.0",
"karma-jasmine": "1.1.0",
"karma-jasmine-html-reporter": "0.2.2",
"protractor": "5.1.1",
"snyk": "^1.70.2",
"ts-node": "3.3.0",
"tslint": "5.9.1",
"typescript": "^2.4.2"
}
Try searching on your node_module folder
I have upgraded an older React Native project to 0.47, 0.48 and then 0.49.x. Since I've done so, I keep getting XCode breaking at random moments with the following breakpoint (sometimes others).
My dependencies
"dependencies": {
"autobind-decorator": "^2.1.0",
"cheerio-without-node-native": "^0.20.2",
"diacritic": "0.0.2",
"expect": "^1.20.2",
"harmony-proxy": "^1.0.1",
"hoist-non-react-statics": "^2.3.1",
"immutable": "^3.8.1",
"lodash": "^4.17.4",
"lodash-es": "^4.17.4",
"lodash.debounce": "^4.0.8",
"lodash.memoize": "^4.1.2",
"lodash.mergewith": "^4.6.0",
"lodash.sorteduniq": "^4.2.0",
"lodash.sorteduniqby": "^4.7.0",
"lodash.union": "^4.6.0",
"lodash.unionwith": "^4.6.0",
"lodash.uniqby": "^4.7.0",
"mime-types": "^2.1.17",
"moment": "^2.18.1",
"normalizr": "^3.2.3",
"normalizr-immutable": "0.0.4-beta12",
"path": "^0.12.7",
"react": "16.0.0-alpha.12",
"react-immutable-proptypes": "^2.1.0",
"react-intl": "^2.4.0",
"react-intl-redux": "^0.6.0",
"react-native": "^0.49.3",
"react-native-action-button": "^2.7.2",
"react-native-animatable": "^1.2.3",
"react-native-autolink": "^1.1.1",
"react-native-code-push": "5.1.3-beta",
"react-native-cookies": "^3.2.0",
"react-native-deprecated-custom-components": "^0.1.1",
"react-native-drawer": "^2.3.0",
"react-native-fetch-blob": "^0.10.8",
"react-native-fs": "^2.5.2",
"react-native-google-analytics-bridge": "^5.3.3",
"react-native-image-crop-picker": "^0.17.2",
"react-native-image-picker": "^0.26.7",
"react-native-immutable-list-view": "^0.6.2",
"react-native-invertible-scroll-view": "^1.0.0",
"react-native-keyboard-aware-scroll-view": "0.3.0",
"react-native-keychain": "2.0.0-rc",
"react-native-lightbox": "^0.7.0",
"react-native-linear-gradient": "^2.3.0",
"react-native-material-kit": "^0.4.1",
"react-native-modalbox": "^1.4.1",
"react-native-parallax-scroll-view": "^0.19.0",
"react-native-photo-view": "^1.5.2",
"react-native-popup-menu": "^0.8.0",
"react-native-progress": "^3.3.0",
"react-native-scrollable-tab-view": "^0.6.7",
"react-native-sglistview": "^0.4.3",
"react-native-share": "^1.0.23",
"react-native-store": "^0.4.1",
"react-native-swiper": "^1.5.12",
"react-native-vector-icons": "^4.2.0",
"react-navigation": "1.0.0-beta.13",
"react-redux": "^5.0.5",
"react-swipeable-views": "^0.12.5",
"react-swipeable-views-native": "^0.12.5",
"realm": "^1.13.0",
"redux": "^3.7.2",
"redux-form": "^7.0.3",
"redux-logger": "^3.0.6",
"redux-middleware-oneshot": "^0.1.1",
"redux-persist": "^4.8.2",
"redux-persist-immutable": "^4.3.0",
"redux-persist-transform-immutable": "^4.3.0",
"redux-thunk": "^2.2.0",
"reselect": "^3.0.1",
"route-parser": "0.0.5",
"webstomp-client": "^1.0.8"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-eslint": "^7.2.3",
"babel-jest": "^21.2.0",
"babel-plugin-module-resolver": "3.0.0-beta.5",
"babel-plugin-react-intl": "^2.3.1",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
"babel-preset-airbnb": "^2.4.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-react-native": "^4.0.0",
"babel-preset-react-native-stage-0": "^1.0.1",
"babel-register": "^6.24.1",
"chai": "^4.1.0",
"chai-as-promised": "^7.1.1",
"chai-enzyme": "^0.8.0",
"chai-immutable": "^1.6.0",
"commitizen": "^2.9.6",
"cz-conventional-changelog": "^2.0.0",
"enzyme": "^3.0.0",
"eslint": "^4.7.2",
"eslint-config-airbnb": "^15.1.0",
"eslint-plugin-babel": "^4.1.2",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-jsx-a11y": "^6.0.2",
"eslint-plugin-prettier": "^2.3.1",
"eslint-plugin-react": "^7.4.0",
"eslint-plugin-react-native": "^3.1.0",
"expect.js": "^0.3.1",
"flow": "^0.2.3",
"flow-bin": "^0.56.0",
"immutablediff": "^0.4.3",
"jest": "^21.2.1",
"jest-serializer-enzyme": "^1.0.0",
"jshint": "^2.9.5",
"mocha": "^3.4.2",
"react-addons-test-utils": "^15.6.2",
"react-dom": "16.0.0-beta.5",
"react-intl-cra": "^0.2.8",
"react-native-mock": "^0.3.1",
"react-test-renderer": "^16.0.0",
"redux-debounce": "^1.0.1",
"redux-debounced": "^0.4.0",
"redux-devtools": "^3.4.0",
"redux-devtools-dock-monitor": "^1.1.2",
"redux-devtools-log-monitor": "^1.3.0",
"redux-mock-store": "^1.2.3",
"remote-redux-devtools": "^0.5.12",
"sinon": "^4.0.0",
"why-did-you-update": "0.0.8"
}
Other symptoms:
- react-native run-ios completes with BUILD SUCCEEDED but the app opens and immediately closes on the simulator (works ok from Xcode)
In order to eliminate "old file issues", I created a new react-native project and copied over the newly created xcodeproj file over. To no avail.
Any suggestions?
So, the resolution was executing pod init in the ios directory.
The script identifies some erroneous links that don't become apparent in Xcode. Probably the result of react-native upgrades over a significant amount of time.