Module build failed - read only error - reactjs

Trying to create a React app without using create-react-app so that I can learn a bit more and know what's going on in the background.
I'm trying to get webpack to work but getting this error that appears to be linked to redux-form when running webpack command.
I've just copied code from their site so not sure what the issue is?

Related

My Expo project suddenly start showing Typescript missing, install. Whereas I am not using typescript at all

I am new to react-native and expo stuff. I was working on an application that worked fine until I installed react-native-wifi-reborn.
I was following this article since I wanted to connect to wifi from the app (This was the requirement).
After adding react-native-wifi-reborn, my project started without issues until I got an error in WifiManager.connectToProtectedSsid usage.
It was a logical error and I made small code changes (I was passing the incorrect wifi password), restarted the project, and started getting the below error. I tried removing react-native-wifi-reborn and now I tried googling it but no luck. This error just won't go.
I am getting the below error whenever I try to run the project, it was working fine till now
My app.json
babel.config.json
package.json
Project Structure
Ps: I don't want to install typescript, not comfortable using it. Please help how to fix.

Error: React Refresh runtime should not be included in the production bundle

I'm facing issue while running my project in react-native. I changed the app name by using package react-native-rename but since then I'm getting that errors:
anyone know how to fix that?

react-hot-toast cannot be built by Vite

I have used the React-Hot-Toast in my React application bootstrapped by Vite.
The website is running smoothly in the developing mode.
However, I encounter an error when I am building the site by npm run build.
[vite]: Rollup failed to resolve import "react-hot-toast" from "src/App.jsx".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
I followed its suggestion to put the rollupOptions in the vite.config.js.
Though it was successfully built, the website in the preview mode crashed immediately.
And I have received the following error in the browser's console.
Uncaught TypeError: Failed to resolve module specifier "react-hot-toast". Relative references must start with either "/", "./", or "../".
I have no idea what I should be done or if I had made something wrong.
Since the website is widely applying react-hot-toast, I would love to see if the problem can be fixed without replacing the library.
Thanks in advance.

Getting Error while Building Electron Application

I have created an UI using ReactJS and embedded the electron into that. I can run my React UI as a Desktop App using electron.
Now, I am facing an issue creating builder using electron-packager.
Below is the error: rcedit.exe failed with exit code 1. Fatal error: Unable to commit changes
However, I can see the created package in the "Temp" folder under "electron-package" folder still it throws the above error. Also, I have tried running executable from the Temp folder, it opens desktop app (still there are few errors but they are related to code - I am not worry about this errors).
ElectronJS - https://www.electronjs.org/
It would be great if someone help me on this.
Thanks in advance.
By degrading Electron version from latest to v10.1.6, it got resolved.

Error getting while building react kotlin app using IntelliJ

I've created a simple react app using create-react-kotlin-app. After successful npm start, I tried to get a build of the project using IntelliJ IDEA's Build -> Build Project, but it fails stating
Error:(16, 44) Kotlin: Can't access property 'reactLogo' marked with #JsModule annotation from non-modular project
What am I missing here ?
NOTE: I haven't done any modification in the template comes with create-react-kotlin-app. The project runs successfully, problem only exist when I try to get a build.
I got managed to fix this issue via terminal.
From the project root, run
react-scripts-kotlin build
This will automatically creates a build folder with production ready files.

Resources