openId-client is failed to minify for react application - reactjs

I have created react application authentication using openid-client-2.2.1 when I'm trying to minify the application it is throwing error
Creating an optimized production build...
Failed to compile.
Failed to minify the code from this file:
./node_modules/openid-client/lib/open_id_connect_error.js:3


Update your react scripts to version 2.1.1.

Related

npm run build failed to create build file

Creating an optimized production build...
Failed to compile.
static/css/main.e6c44930.css from Css Minimizer plugin
/home/joy/7thSem_project/Food_order/static/css/main.e6c44930.css:406:58: Missed semicolon [webpack://./src/components/Meals/AvailableMeals.module.css:5,4][static/css/main.e6c44930.css:406,58]
create build file successfully

ReactJS npm run build: Failed to minify internmap

I'm new to react js, and when I run npm run build an error message occurs;
Failed to minify the code from this file:
./node_modules/internmap/src/index.js:1:7
I don't directly use internmap in my src files, but the recharts package that is perhaps linked in some way via d3. Has anyone met the same type of error?
Thanks!

plugin-transform-spread error while building react app in jenkins

I get this error when trying to build the react js project in docker. Jenkins is showing build as failed, and this is the error that I am getting-
[Docker] INFO: [2/4] Fetching packages... [Docker] INFO: [91merror An unexpected error occurred: "https://registry.yarnpkg.com/#babel/plugin-transform-spread/-/plugin-transform-spread-7.16.7.tgz: Request failed \"404 Not Found\"".
I haven't installed any package as plugin-transform-spread. What is babel plugin-transform-spread ?

Fixed it. Simply installed the module that jenkins showed as error.
In this case:
yarn add #babel/plugin-transform-spread --dev

React new project does not re compile on save

I've created a new react app using create-react-app. running npm start compile the app and opens the hello react page on localhost://3000, but any change to the project and saving nothing happens.
in the chrome console there is the following error:
Error handling response: Error: Failed to construct 'WebSocket': The URL 'ws/ws' is invalid.
at init (chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:22:18)
at chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:65:13
I'm using Visual studio on Macbook
npm version 6.14.8
node version 14.15.1
react version 17.0.1
(Angular cli project re-compile without a problem)

Deleting the app and running create-react-app again solved the problem.
The initial screen looks different though - so maybe it was a version compatibility issue.

Trying to compile React Native app and I am getting an error about React.js not existing

I am trying to compile my first React Native project, and it all works fine from the CLI, until I try to install a new library.
After installing any library, I get various errors, culminating in this:
error: bundling failed: Error: While trying to resolve module `react` from file `/Users/myname/Desktop/Projects/ProjectName/App.js`, the package `/Users/myname/Desktop/Projects/ProjectName/node_modules/react/package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`/Users/myname/Desktop/Projects/ProjectName/node_modules/react/index.js`. Indeed, none of these files exist:
I have, indeed, confirmed that those files exist.
What is going on here? I'm constantly having these errors as I am trying to use React Native, even when rebuilding the app multiple times and trying over.

Do the following steps:
Stop metro bundler
Delete node_modules folder
cd into your project folder and run:
'npm install'

Resources