Related
"dependencies": {
"#invertase/react-native-apple-authentication": "^2.1.0",
"#react-native-community/async-storage": "^1.12.1",
"#react-native-community/cli": "^4.10.1",
"#react-native-community/datetimepicker": "^3.0.9",
"#react-native-community/masked-view": "^0.1.10",
"#react-native-community/netinfo": "^5.9.10",
"#react-native-community/picker": "^1.8.0",
"#react-native-community/push-notification-ios": "^1.8.0",
"#react-native-firebase/analytics": "^7.6.9",
"#react-native-firebase/app": "^8.4.7",
"#react-native-firebase/auth": "8.3.3",
"#react-native-firebase/crashlytics": "8.4.12",
"#react-native-firebase/dynamic-links": "^12.1.0",
"#react-native-firebase/messaging": "^7.9.2",
"#react-navigation/bottom-tabs": "^5.11.1",
"#react-navigation/drawer": "^5.8.4",
"#react-navigation/native": "^5.6.1",
"#react-navigation/stack": "^5.6.2",
"appcenter": "4.0.2",
"appcenter-analytics": "4.0.2",
"appcenter-crashes": "4.0.2",
"axios": "^0.21.0",
"clevertap-react-native": "^0.5.0",
"clone-deep": "^4.0.1",
"d3-shape": "^1.3.5",
"immutable": "^4.0.0-rc.12",
"lodash": "^4.17.19",
"lottie-react-native": "^3.5.0",
"mitt": "^2.1.0",
"moment": "^2.27.0",
"moment-timezone": "^0.5.32",
"opentok-react-native": "^0.18.0",
"paths-js": "^0.4.11",
"prop-types": "^15.7.2",
"react": "17.0.1",
"react-native": "0.64.1",
"react-native-animatable": "^1.3.3",
"react-native-camera": "^4.2.0",
"react-native-check-app-install": "0.0.5",
"react-native-code-push": "^7.0.4",
"react-native-collapsible": "^1.5.3",
"react-native-country-picker-modal": "^2.0.0",
"react-native-device-info": "^7.0.2",
"react-native-drax": "^0.7.2",
"react-native-element-dropdown": "^2.5.1",
"react-native-elevated-view": "0.0.6",
"react-native-fbsdk-next": "^4.2.0",
"react-native-gesture-handler": "^1.6.1",
"react-native-google-signin": "^2.1.1",
"react-native-iap": "^7.5.6",
"react-native-image-crop-picker": "^0.35.0",
"react-native-image-zoom-viewer": "^3.0.1",
"react-native-immersive": "^2.0.0",
"react-native-in-app-review": "^3.2.2",
"react-native-keep-awake": "^4.0.0",
"react-native-linear-gradient": "^2.5.6",
"react-native-mime-types": "^2.3.0",
"react-native-modal": "^11.5.6",
"react-native-moengage": "^7.3.0",
"react-native-motion": "^1.0.5",
"react-native-navbar-color": "^1.0.3",
"react-native-orientation": "^3.1.3",
"react-native-permissions": "^3.1.0",
"react-native-popup-menu": "^0.15.9",
"react-native-progress": "^4.1.2",
"react-native-public-ip": "^1.0.2",
"react-native-push-notification": "^8.1.1",
"react-native-ratings": "^8.1.0",
"react-native-reanimated": "^1.9.0",
"react-native-reconnecting-websocket": "^1.0.3",
"react-native-render-html": "^4.2.4",
"react-native-restart": "0.0.17",
"react-native-safe-area-context": "^3.0.7",
"react-native-screens": "^2.9.0",
"react-native-share": "^7.6.1",
"react-native-simple-toast": "^1.1.3",
"react-native-size-matters": "^0.3.1",
"react-native-snap-carousel": "^3.9.1",
"react-native-speedometer": "^1.0.5",
"react-native-speedometer-chart": "^0.7.5",
"react-native-splash-screen": "^3.2.0",
"react-native-svg": "^12.1.0",
"react-native-text-ticker": "^1.10.0",
"react-native-timer": "^1.3.6",
"react-native-translucent-modal": "^1.1.2",
"react-native-tts": "^3.2.0",
"react-native-typewriter": "^0.7.0",
"react-native-typing-animation": "^0.1.7",
"react-native-vector-icons": "^7.0.0",
"react-native-video": "^5.1.0-alpha8",
"react-native-view-shot": "^3.1.2",
"react-native-webview": "^10.9.3",
"react-native-youtube-iframe": "^2.2.1",
"react-redux": "^7.2.2",
"reanimated-bottom-sheet": "^1.0.0-alpha.22",
"redux": "^3.7.2",
"redux-persist": "^4.9.1",
"redux-persist-transform-immutable": "^4.3.0",
"reselect": "^4.0.0",
"rn-fetch-blob": "^0.12.0",
"styled-components": "^5.2.0",
"validator": "^13.1.17"
},
"devDependencies": {
"#react-native-community/eslint-config": "^1.1.0",
"appcenter-crashes": "^4.0.2",
"babel-plugin-transform-remove-console": "^6.9.4",
"easy-peasy": "^4.0.1",
"eslint": "^6.5.1",
"jest": "^25.1.0",
"jetifier": "^1.6.5",
"prettier-eslint": "^9.0.0",
"react-native-paper": "^4.6.0",
"react-test-renderer": "17.0.1",
"remote-redux-devtools": "^0.5.16"
},
Here is my package.json
Xcode version - 14.2
Node version - 16.15.1
I have tried multiple solutions from upgrading xcode to latest version and trying different scripts in Build phases -> Bundle React native code and images.I have also followed step by step guide from
https://react-native-community.github.io/upgrade-helper/?from=0.63.5&to=0.64.1
I am using an NX mono repository for my project. It contains the following three applications:
a web app (NextJS),
an API service (NestJS)
a mobile app (React Native)
I was trying to deploy the backend code to Heroku and I am facing the issue of it not finding the packages when I set the NODE_ENV variable to production. All of the NX packages are stored as the dev dependencies as default. It works fine if I set the NODE_ENV to development.
Question: What is the ideal way of solving the issue? I do not want to set NODE_ENV to development because otherwise, it will slow the deployments by installing useless packages from the devDependencies.
Any help will be appreciated.
This is what my package.json looks like.
"scripts": {
"api": "nx serve api",
"build:api": "nx build api",
"api:prod": "node dist/apps/api/main.js",
},
"dependencies": {
"#emotion/react": "^11.10.4",
"#emotion/styled": "^11.10.4",
"#hookform/resolvers": "^2.9.7",
"#mui/icons-material": "^5.10.3",
"#mui/material": "^5.10.4",
"#nestjs/common": "^9.0.0",
"#nestjs/config": "^2.2.0",
"#nestjs/core": "^9.0.0",
"#nestjs/jwt": "^9.0.0",
"#nestjs/mongoose": "^9.2.0",
"#nestjs/passport": "^9.0.0",
"#nestjs/platform-express": "^9.0.0",
"#react-native-community/clipboard": "^1.5.1",
"#react-navigation/bottom-tabs": "^6.3.3",
"#react-navigation/material-top-tabs": "^6.2.4",
"#react-navigation/native": "^6.0.11",
"#react-navigation/native-stack": "^6.7.0",
"#react-three/drei": "^9.34.3",
"#react-three/fiber": "^8.8.9",
"#tanstack/react-query": "^4.2.3",
"#trycourier/courier": "^3.15.0",
"#twotalltotems/react-native-otp-input": "^1.3.11",
"axios": "^0.27.2",
"bcryptjs": "^2.4.3",
"class-transformer": "^0.5.1",
"class-validator": "^0.13.2",
"cookies": "^0.8.0",
"core-js": "^3.6.5",
"http-proxy": "^1.18.1",
"jwt-decode": "^3.1.2",
"lodash": "^4.17.21",
"material-ui-phone-number": "^3.0.0",
"mongoose": "^6.5.2",
"mui-tel-input": "^2.0.1",
"native-base": "^3.4.13",
"next": "12.2.3",
"npm": "^8.19.2",
"passport": "^0.6.0",
"passport-jwt": "^4.0.0",
"passport-local": "^1.0.0",
"patch-package": "^6.4.7",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-hook-form": "^7.34.2",
"react-is": "18.2.0",
"react-native": "0.69.3",
"react-native-gesture-handler": "^2.6.0",
"react-native-pager-view": "^6.0.1",
"react-native-phone-number-input": "^2.1.0",
"react-native-reanimated": "^2.10.0",
"react-native-safe-area-context": "^4.3.1",
"react-native-screens": "^3.15.0",
"react-native-snackbar": "^2.4.0",
"react-native-tab-view": "^3.2.1",
"react-native-vector-icons": "^9.2.0",
"react-native-webview": "^11.23.1",
"react-otp-input": "^2.4.0",
"reflect-metadata": "^0.1.13",
"regenerator-runtime": "0.13.7",
"rxjs": "^7.0.0",
"styled-components": "5.3.5",
"three": "^0.145.0",
"tslib": "^2.3.0",
"twilio": "^3.81.0",
"yup": "^0.32.11"
},
"devDependencies": {
"#commitlint/cli": "^17.0.3",
"#commitlint/config-conventional": "^17.0.3",
"#nestjs/schematics": "^9.0.0",
"#nestjs/testing": "^9.0.0",
"#nrwl/cli": "14.5.4",
"#nrwl/cypress": "14.5.4",
"#nrwl/detox": "14.5.6",
"#nrwl/eslint-plugin-nx": "14.5.4",
"#nrwl/jest": "14.5.4",
"#nrwl/linter": "14.5.4",
"#nrwl/nest": "14.5.4",
"#nrwl/next": "^14.5.4",
"#nrwl/node": "14.5.4",
"#nrwl/react": "14.5.4",
"#nrwl/react-native": "^14.5.6",
"#nrwl/web": "14.5.4",
"#nrwl/workspace": "14.5.4",
"#react-native-async-storage/async-storage": "1.17.7",
"#react-native-community/cli": "8.0.4",
"#react-native-community/cli-platform-android": "8.0.4",
"#react-native-community/cli-platform-ios": "8.0.4",
"#testing-library/dom": "^8.18.1",
"#testing-library/jest-dom": "5.16.4",
"#testing-library/jest-native": "4.0.5",
"#testing-library/react": "13.3.0",
"#testing-library/react-native": "11.0.0",
"#testing-library/user-event": "^14.4.3",
"#types/bcryptjs": "^2.4.2",
"#types/cookies": "^0.7.7",
"#types/jest": "27.4.1",
"#types/lodash": "^4.14.182",
"#types/node": "16.11.7",
"#types/passport-jwt": "^3.0.6",
"#types/passport-local": "^1.0.34",
"#types/react": "18.0.15",
"#types/react-dom": "18.0.6",
"#types/react-is": "17.0.3",
"#types/react-native": "0.69.3",
"#types/react-native-vector-icons": "^6.4.12",
"#types/styled-components": "5.1.25",
"#types/three": "^0.144.0",
"#typescript-eslint/eslint-plugin": "^5.29.0",
"#typescript-eslint/parser": "^5.29.0",
"babel-jest": "27.5.1",
"babel-plugin-styled-components": "1.10.7",
"cypress": "^10.2.0",
"detox": "19.7.1",
"eslint": "~8.15.0",
"eslint-config-next": "12.2.3",
"eslint-config-prettier": "8.1.0",
"eslint-plugin-cypress": "^2.10.3",
"eslint-plugin-import": "2.26.0",
"eslint-plugin-jsx-a11y": "6.6.1",
"eslint-plugin-react": "7.30.1",
"eslint-plugin-react-hooks": "4.6.0",
"husky": "^8.0.0",
"jest": "27.5.1",
"jest-circus": "27.5.1",
"jest-react-native": "18.0.0",
"lint-staged": "^13.0.3",
"metro": "0.71.3",
"metro-babel-register": "0.71.3",
"metro-react-native-babel-preset": "0.71.3",
"metro-resolver": "0.71.3",
"msw": "^0.47.2",
"nx": "14.5.4",
"prettier": "^2.6.2",
"prettier-plugin-organize-imports": "^3.1.0",
"react-devtools": "^4.26.0",
"react-native-config": "1.4.6",
"react-native-svg": "12.4.3",
"react-native-svg-transformer": "1.0.0",
"react-test-renderer": "18.2.0",
"ts-jest": "27.1.4",
"ts-node": "~10.8.0",
"typescript": "~4.7.2"
},
And this is my Procfile:
web: yarn build:api && yarn api:prod
Nx is installed as a devDependency. Heroku scrubs devDependencies after thebuild step so that you don't have extra dependencies for your final environment. What you should do is have a build script in your package.json that builds everything your server will need to start, and then have a start script that starts the application, or set the web property in the Procfile as you currently have done for the build:api && api:prod. However, this start script should not rely on any devDependencies. It should be able to run with just the production dependencies.
I've read official doc , and I'm doing the same, but have an error in typescript generic, how can I fix it?
Dependencies :
"#nestjs/apollo": "^10.0.2",
"#nestjs/common": "^7.5.1",
"#nestjs/config": "^1.0.1",
"#nestjs/core": "^7.5.1",
"#nestjs/graphql": "^7.11.0",
"#nestjs/platform-express": "^7.5.1",
"#nestjs/typeorm": "^7.1.5",
"#tatumio/tatum": "^1.28.7",
"apollo-server-express": "^2.25.3",
"aws-sdk": "^2.1015.0",
"axios": "^0.24.0",
"bcrypt": "^5.0.1",
"class-transformer": "^0.4.0",
"class-validator": "^0.13.1",
"crypto-js": "^4.1.1",
"dotenv": "^8.2.0",
"graphql": "^15.8.0",
I had application in angular 6 with .net core 2.1 and now I upgraded into 11 with .Net 5 and its works fine in my local system but when I published to Azure virtual machine at that time it is giving me below error, I already update necessary package like Angular CLI and .NET runtime at vitual machine so not sure why this error appear
here is my package.json
"dependencies": {
"#agm/core": "1.0.0",
"#angular/animations": "^11.2.8",
"#angular/cdk": "^11.2.7",
"#angular/common": "11.2.8",
"#angular/compiler": "11.2.8",
"#angular/core": "11.2.8",
"#angular/forms": "11.2.8",
"#angular/http": "7.2.16",
"#angular/localize": "^11.2.8",
"#angular/platform-browser": "11.2.8",
"#angular/platform-browser-dynamic": "11.2.8",
"#angular/router": "11.2.8",
"#ng-bootstrap/ng-bootstrap": "^9.1.0",
"#nguniversal/module-map-ngfactory-loader": "^5.0.0-beta.8",
"#ngx-translate/core": "^9.1.1",
"#ngx-translate/http-loader": "^2.0.1",
"#progress/telerik-angular-report-viewer": "^11.20.1021",
"#ryancavanaugh/jquery.prettyphoto": "^3.1.14-alpha",
"#types/googlemaps": "^3.43.3",
"#videogular/ngx-videogular": "^3.0.1",
"adal-angular4": "^3.0.16",
"angular-google-charts": "^0.1.6",
"angular-moment": "^1.3.0",
"angular-safeguard": "^2.1.0",
"aspnet-prerendering": "^3.0.1",
"bootstrap": "^4.6.0",
"core-js": "^2.6.12",
"file-saver": "^2.0.5",
"flexslider": "^2.7.2",
"font-awesome": "^4.7.0",
"google-code-prettify": "^1.0.5",
"html2canvas": "^1.0.0-alpha.12",
"jquery": "^3.6.0",
"jquery.easing": "^1.4.1",
"jspdf": "^2.3.1",
"jspdf-autotable": "^3.5.14",
"modernizr": "^3.11.6",
"moment": "^2.29.1",
"moment-timezone": "^0.5.32",
"ng-drag-drop": "5.0.0",
"ng2-pdfjs-viewer": "^5.0.7",
"ngx-material-timepicker": "^3.3.1",
"ngx-sortablejs": "^11.1.0",
"ngx-spinner": "^6.1.2",
"popper.js": "^1.16.1",
"primeflex": "^2.0.0",
"primeicons": "^1.0.0",
"primeng": "^11.3.1",
"rxjs": "^6.6.7",
"rxjs-compat": "^6.6.7",
"sequencejs": "^2.0.0",
"sortablejs": "1.7.0",
"videogular2": "^7.0.2",
"xlsx": "^0.16.9",
"yarn": "^1.22.10",
"zone.js": "^0.10.3"
},
"devDependencies": {
"#angular-devkit/build-angular": "^0.1102.6",
"#angular/cli": "^11.2.6",
"#angular/compiler-cli": "^11.2.8",
"#angular/language-service": "11.2.8",
"#types/core-js": "^0.9.46",
"#types/flexslider": "0.0.2",
"#types/jasmine": "^2.8.17",
"#types/jasminewd2": "^2.0.8",
"#types/jquery": "^3.5.5",
"#types/jspdf": "^1.3.3",
"#types/modernizr": "^3.5.3",
"#types/node": "^6.14.13",
"codelyzer": "^4.5.0",
"jasmine-core": "~2.8.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^6.3.2",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "^1.4.3",
"karma-jasmine": "^1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "^7.0.0",
"ts-node": "~4.1.0",
"tslint": "~5.9.1",
"typescript": "4.1.5"
}
Any help would be appreciated
This is likely an issue with one of your dependencies, which you should generally update alongside updating the framework.
I can see "ngx-spinner": "^6.1.2" in your package.json file, can you please check its version as well. It should be 11.0.2, try to install that specific version and check again.
I've upgraded to the latest nativescript, typescript and using angular. Now whenever I try to compile, I get this error, regardless of the platform I am compiling to.
Error: com.tns.NativeScriptException: Failed to find module: "#angular/compiler", relative to: app/tns_modules/
below are my package.json dependencies:
"dependencies": {
"#angular/animations": "~6.1.0",
"#angular/common": "~6.1.0",
"#angular/core": "~6.1.0",
"#angular/forms": "~6.1.0",
"#angular/http": "~6.1.0",
"#angular/platform-browser": "~6.1.0",
"#angular/platform-browser-dynamic": "~6.1.0",
"#angular/router": "~6.1.0",
"async-await": "^0.1.40",
"lodash": "^4.17.10",
"moment": "^2.22.0",
"nativescript-angular": "^6.1.0",
"nativescript-audio": "^5.0.0",
"nativescript-drop-down": "^4.0.1",
"nativescript-orientation": "^2.2.0",
"nativescript-theme-core": "^1.0.4",
"nativescript-ui-listview": "3.5.9",
"nativescript-ui-sidedrawer": "^4.1.1",
"nativescript-unit-test-runner": "^0.3.4",
"nativescript-videoplayer": "^4.1.0",
"nativescript-webview-interface": "^1.4.2",
"nativescript-xmlobjects": "^1.1.4",
"node-sass": "^4.9.2",
"reflect-metadata": "~0.1.8",
"rxjs": "^6.0.0",
"tns-core-modules": "^4.2.1",
"zone.js": "^0.8.26"
},
"devDependencies": {
"#angular-devkit/build-angular": "^0.10.3",
"#angular/cli": "^7.0.3",
"#angular/compiler": "^6.1.10",
"#angular/compiler-cli": "~6.1.0",
"#types/lodash": "4.14.68",
"#types/node": "~6.0.60",
"babel-traverse": "^6.26.0",
"babel-types": "^6.26.0",
"babylon": "6.4.5",
"jasmine-core": "^3.1.0",
"karma": "^3.1.1",
"karma-jasmine": "^1.1.1",
"karma-nativescript-launcher": "^0.4.0",
"lazy": "1.0.11",
"nativescript-dev-sass": "^1.6.0",
"nativescript-dev-typescript": "^0.7.4",
"nativescript-dev-webpack": "^0.16.3",
"tns-platform-declarations": "^3.4.1",
"ts-node": "~3.3.0",
"tslint": "^5.8.0",
"typescript": "~2.7.2",
"webpack": "^4.23.1",
"webpack-dev-server": "^3.1.10"
},
#angular/compiler supposed to be under dependencies, not devDependencies. Also with latest version, they use #ngtools/webpack instead of the actual webpack package.
So it could be better if you compare your package.json with the one in the default template and make necessary changes.