React Fontawesome doesn't have free-brands-svg-icons, so cant show the social media icons

Is there anyway i can use social media icons on my React Webpage? import { library } from '@fortawesome/fontawesome-svg-core'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';...

How to fix "FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory" error

I'm trying to deploy a reactjs application to heroku. While compiling assets, the build fails and produces this error: -----> Ruby app detected -----> Compiling Ruby/Rails -----> Using Ruby...

Angular 2+ Universal page not rendering on server

I have gone through guide provided in docs at angular.io to implement SSR(Angular Universal) in my Angular 8 application, everything went fine, and I have no errors in my server console or browser...

How to fix: Data path "" should have required property 'browserTarget' error in Angular 8 when running ng serve or npm start

I'm trying to run either 'ng serve' or 'npm start' to run my angular 8 server on localhost:4200 in cmd on a windows machine. I get a Schema error I think I know where the problem is but no idea...

VueJS and FontAwesome Import - Module not found: Error: Can't resolve '@fortawesome/fontawesome-svg-core'

Module not found: Error: Can't resolve '@fortawesome/fontawesome-svg-core' in '/project/src/plugins' Been trying to follow up this tutorial...

npm install issues TypeError: Cannot read property 'match' of undefined

I'm having massive issues installing the packages via npm. I'm getting nothing but this log as an output and have no idea where or how to fix this issue. 0 info it worked if it ends with ok 1...

Yarn install throws error: gyp verb `which` failed Error: not found: python2

In a React Project I am trying to run "yarn install" but it is throwing the following error: gyp verb which failed Error: not found: python2 Full Error traceback: yarn install v1.22.4 warning...

Using font-awesome in React JS

I'm new to React JS and I'm trying to add font-awesome into my project. I have installed Node.js and npm. I have also included the following packages: $ npm i --save...

Could not find plugin "proposal-class-properties"

I am working on react project. It was working properly. But now whenever I start npm. It gives me error: $ react-scripts start i ï½¢wdsï½£: Project is running at http://192.168.18.45/ i ï½¢wdsï½£:...

social share button in angular 10 ngx-sharebuttons

I am implementing the ngx-sharebuttons for social share button like facebook, whatsapp. this is what I tried installed package npm i cdk npm i ngx-sharebuttons npm i...

Angular npm start it is generating browser application bundles although the app is not in production

I am dealing with an unexpected change at the npm start which it makes the server of Angular very slow. During npm start it is coming Generating browser applciation bundles (phase: building)......

Global icon library is deprecated. for FortAwesome/angular-fontawesome

package.json { "name": "socialtools-frontend-apps", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng...

Navigation in Sidebar not working using Next.js

I am trying a sidebar using Next.js but the code is in React format, I just tried to copy this and convert it to Next.js. It is not going to any links in the navigation Also why the contents is...

Angular 10.2 build: Localized bundle generation failed: Cannot read property 'value' of undefined

I have a project build on Angular 10.0.11. I updated the project to 10.2 with npm update, but this resulted in multiple Unable to fully load [...] for source-map flattening: Circular source file...

VueJS and using fontawesome icons in CSS

I have been using font awesome icon in mine vueJS ("vue": "~2.6.11") application component's CSS. Could you please help me with following stuff. th.sortable::after { font-family:...

Vuetify CSS missing when i build for production

We purchased a web app written in Vue from someone and we developing to change/improve it. One thing we added was Vuetify so we can use the Vuetify elements and everything has been working great...

FontAwesome Icons not working properly in react/next app

Solved - TLDR; Adding import '@fortawesome/fontawesome-svg-core/styles.css' to the _app.js / index.js file fixes the issue and FontAwesome works as intended. My issue was caused by...

ng-bootstrap: ngb-datepicker initial value with angular reactive form group is not getting set

I am working with ngb-datepicker which is working fine if no initial values or predefined values are set but when trying to use it formControlName or with [(ngModel)] with an existing...

Why am I getting "no exported member" errors when attempting to upgrade Angular?

The issue I am trying to upgrade from Angular V9 to V11 and I'm struggling quite a lot with the the following errors Namespace node_module/@angular/core/core has no exported member...

Angular Not Display Font Awesome Icons

I've installed font awesome and added the FontAwesomeModule to the imports for app.module.ts. I'm trying to add an icon to a component within this module and it still says that "fa-icon" is not a...

vue3: i18n plugin won't find localization in json file

I am trying to setup a vue3 app with i18n localization. The localization is supposed to be located in json files. I added i18n via vue add i18n to my project. The questions asked during...

Not able to build reactjs in jenkins pipeline

Its looking strange as I am able to build ReactJS app in local(Ubuntu 20) but jenkins running in same machine throwing build error. Another strange is while login to jenkins user I can build the...

Vue3 Testing Library - vue-i18n not loading text

I can't seem to get the following example to work with vue3 and testing library. https://github.com/testing-library/vue-testing-library/blob/main/src/__tests__/translations-vue-i18n.js I've even...

Error while deploying NextJS App on Vercel. I am also using Tailwind Framework

I am trying to deploy my NextJS App on Vercel and I am getting the following errors while deploying. I am also using Tailwind CSS framework. I have no idea what the error is and how to rectify...

Website not rendering properly on next.js for mobile

I downloaded a website template online and I didn't like the implementation to converted to TS and a next project so that it could easily be deployed to Vercel. However, when I put it in mobile...

Angular 10/11 adding ngx-sharebuttons getting "export 'ɵɵFactoryTarget' (imported as 'i0') was not found in '@angular/core'

I am trying to add social media share buttons on my angular app - so i have seen this ngx-sharebuttons which seems to provide, what i would like to achieve. However i cannot build my angular...

PostCSS 8 Error When Installing Tailwind CSS in Vue 3 (v3.2.10) without Vite (PostCSS 8 is supported)

I'm using Vue version 3.2.10 without Vite and trying to install Tailwind CSS version 2.2.14 (latest). IMPORTANT: Vue version 3.0.6 began supporting PostCSS 8 (see 3rd point in the GitHub...

Okay to Paste-in Package-Lock.json from 19 Hours Ago to Fix "ValidationError: Progress Plugin Invalid Options" (Vue 3)?

I'm using Vue 3 and I pushed a version of my project that was working well to GitHub 19 hours ago. About 5 hours later, the problem below occurred when I entered npm run serve which resulted in...

TypeScript errors when editing old Vue 3 components but not on new components

I'm trying to convert my Vue 3 single page component scripts to use TypeScript. When I create a brand new Test.vue component that looks like this, I get no TypeScript errors my Visual Studio Code...

ERROR Task :expo:compileDebugKotlin FAILED

I created an application using react-native init and was working fine until I tried to start using expo to test it on my telephone. Trying to start the app with expo (npx expo start), I...