Categories
Mastering Development

Unable to build my Ionic project after installing `ionic cordova plugin add cordova-plugin-fcm-with-dependecy-updated`

I am exploring the firebase post notification. So, I have installed the below packages in my project. After that, I am not able to build my ionic project. $ ionic cordova plugin add cordova-plugin-fcm-with-dependecy-updated $ npm install @ionic-native/fcm I am getting the below error while building my ionic project. > Task :app:transformDexArchiveWithExternalLibsDexMergerForDebug FAILED 35 actionable […]

Categories
Mastering Development

BabelJS and Webpack config for maximum possible compatibility

My website must work with the most basic phone browsers imaginable, because my user base is rural Ethiopian children on very, very basic handsets. (I am using jquery to save handset battery, as most are ‘recycled’, second/third/fourth-hand and ancient, and being extremely careful about data costs.) I am trying to set up Babel + Webpack […]

Categories
Mastering Development

Getting error selectpicker is not a function for bootstrap-select on a new Rails 6 application with webpacker

I have a new rails 6 application with webpacker, jquery, bootstrap and bootstrap-select(https://yarnpkg.com/package/bootstrap-select). Configuration: Here is my package.json { “name”: “report_machine”, “private”: true, “dependencies”: { “@rails/actioncable”: “^6.0.0”, “@rails/activestorage”: “^6.0.0”, “@rails/ujs”: “^6.0.0”, “@rails/webpacker”: “4.2.2”, “bootstrap”: “^4.4.1”, “bootstrap-select”: “^1.13.17”, “jquery”: “^3.5.1”, “popper.js”: “^1.16.1”, “turbolinks”: “^5.2.0” }, “version”: “0.1.0”, “devDependencies”: { “webpack-dev-server”: “^3.11.0” } } app/javascript/pack/application.js require(“@rails/ujs”).start() require(“turbolinks”).start() […]

Categories
Mastering Development

My react app on heroku opens home page but will not open other pages

My react app runs fine locally, and deploys to heroku. However, from the home page, any link to another page shows a blank page with ‘not found’ on it. There are no other error messages. Here is my server-side package.json file: { “name”: “portfolio-generator”, “version”: “1.0.0”, “description”: “”, “main”: “server.js”, “engines”: { “node”: “12.16.x” }, […]

Categories
Mastering Development

Deploying personal github pages (React App) just shows Readme

I’m trying to deploy a user-github page at username.github.io. So not a project page. However, after following steps online, I’m met with just the readme.md. The existing questions about problems releated to this are for github pages (username.github.io/someproject), whilst this is just for username.github.io. Procedure npm install gh-pages –save-dev in package.json: “homepage”: “https://myusername.github.io”, “name”: “homepage”, […]

Categories
Mastering Development

Heroku Error Code H10 – cannot get app to load, no solution seems to work

I’m having what seems to be a common issue with heroku deployment, but have searched for hours over multiple days for a solution on stackoverflow and other online resources and with mentors and nothing has worked. This is the error code I’m getting: 2020-05-14T01:20:34.309134+00:00 heroku[web.1]: State changed from starting to crashed 2020-05-14T01:26:51.177016+00:00 heroku[router]: at=error code=H10 […]

Categories
Mastering Development

I can’t seem to be able to use hooks in react

I’m starting a new react app. So far, nothing weird has been added. This is how my package.json looks like: { “name”: “client”, “version”: “0.1.0”, “private”: true, “dependencies”: { “@testing-library/jest-dom”: “^4.2.4”, “@testing-library/react”: “^9.3.2”, “@testing-library/user-event”: “^7.1.2”, “axios”: “^0.19.2”, “bootstrap”: “^4.4.1”, “fibers”: “^5.0.0”, “jquery”: “^3.5.0”, “moment”: “^2.24.0”, “node-sass”: “^4.14.0”, “popper”: “^1.0.1”, “react”: “^16.13.1”, “react-bootstrap”: “^1.0.1”, “react-dom”: “^16.13.1”, […]

Categories
Mastering Development

Legacy context API has been detected within a strict-mode tree

{ “name”: “my-app”, “version”: “0.1.0”, “private”: true, “dependencies”: { “@testing-library/jest-dom”: “^4.2.4”, “@testing-library/react”: “^9.3.2”, “@testing-library/user-event”: “^7.1.2”, “bootstrap”: “^4.4.1”, “bootstrap-social”: “5.1.1”, “cross-fetch”: “2.1.0”, “font-awesome”: “4.7.0”, “prop-types”: “15.6.0”, “react”: “^16.13.1”, “react-animation-components”: “3.0.0”, “react-dom”: “^16.13.1”, “react-popper”: “0.9.2”, “react-redux”: “5.0.7”, “react-redux-form”: “1.16.8”, “react-router-dom”: “^4.3.1”, “react-scripts”: “3.4.1”, “react-transition-group”: “2.3.0”, “reactstrap”: “5.0.0”, “redux”: “3.7.2”, “redux-logger”: “3.0.6”, “redux-thunk”: “^2.2.0” }, “scripts”: { “start”: […]

Categories
Mastering Development

Error “../node_modules/cdk-table-exporter/cdk-table-exporter.d.ts has no selector, please add it”when building angular application

I have installed the below dependency only for using mat-table-exporter in angular 8: npm install mat-table-exporter –save Now when i am building my angular application using below command: ng build –prod –build-optimizer –aot –base-href=/application_base_name I get the error shown below: PS C:\GitRepositories\cricket_aiops_dashboard\Client_Side>ng build –prod –build-optimizer –aot –base-href=/application_base_name Your global Angular CLI version (9.1.0) is greater […]

Categories
Mastering Development

React app HashRouter not working on localhost as well as Github User page

I’m creating a blog in React to be deployed on GitHub Pages. Problem Created my React app and added BrowserRouter for navigation, everything was working fine on localhost and the app successfully deployed on the GitHub Pages. Even though Home page was accessible on GitHub Pages, if I click on any link there was 404 […]