React JS Babel unable to compile css file - reactjs

I am trying to create a React JS App. The error occurs when I am trying to access .classname in css file.
The image of error
Can someone help me It would be a great help.

Related

React.js files are minified and I cant make frontend changes

I have got web app which is built using laravel and react.js ; I need to change something in frontend but found that all react files are minified in app.js file, so changing frontend files does not have any effect. I don't have experience in react. Can you please suggest how to regenerate update minified app.js file?
thanks a lot!
I have tried changing frontend js files like normal but it was not working.

unable to find svg files - react components

I am running project in react Js.
when i click on inspect element, the portion of HTML that i find in page is not available in source code of project.
Is there any tool which can help me to find that code in my project?
I cant figure out where this code is available.
they are svg files.

Font-family does not render in production after download PDF using jsPDF in ReactJs

ReactJS with jsPDF download does not render font-family.
jsPDF is working well on development but in the production version. I am facing a font-family missing issue after downloading the pdf. Showing below error in console.
Error while reading CSS rules from file:///Users/rahulshinde/Documents/hdfclife/offline-quote-fe/dist/assets/css/main.css SecurityError: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
Found some solutions online by adding the following attribute in link tag.
crossorigin="anonymous"
But it seems it required server to run code. I find this is not a good solution.

Unable to import PrimeReact style files on Next.js project

I'm trying to use PrimeReact components on a Next.js project but I'm getting an error when I try to import the core css styles as shows in their documentation (https://www.primefaces.org/primereact/#/setup), I have used these components with a create-react-app project, but this time I'm having the following error:
Next js error
I'm using "#zeit/next-sass" and "node-sass" to work with SASS files, I read that is required to create a "webpack.config.js" to manually apply the right loaders but the problem persist (I'm not a webpack expert), I was wondering if someone can give me a hint of what I'm missing.
Thank you in advance.

ReactNative Webview

React js : I am trying to open my react js production build folder under which the one html file is placed after run npm run build.
React Native: I am using react-native-webview Plugin for open the same index.html file. For android I placed this folder under assets.
The codebase giving me error File_Not_Found.
The build html file is minify html file. When I try to use any url here or any development plain html it is working fine. For this minify file it is not working.
Please help.
I am using this code for android react native.
if(isAndroid){
console.log(isAndroid);
return (
)
}
I want to open production this react js build folder html file in react native webview.
Create an object
const index = require('./assets/index.html');
set your source to the object instead of using a uri.

Resources