Back
pink design error in react app
I imported this in index.js
TypeScript
import "@appwrite.io/pink-icons";
everything works fine, but the terminal shows this failed warning
TypeScript
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\mitsy\Desktop\Appwrite\node_modules\node_modules\the-new-css-reset\css\reset.css' file: Error: ENOENT: no such file or directory, open 'C:\Users\mitsy\Desktop\Appwrite\node_modules\node_modules\the-new-css-reset\css\reset.css'```
TL;DR
The user is reporting a "pink design error" in their React app. They imported "@appwrite.io/pink" and "@appwrite.io/pink-icons" in index.js and everything seems to be working fine, but they are getting a warning in the terminal about a failed source map. They provided the warning message.
Solution: The error seems to be related to a missing file in the package "@appwrite.io/pink". It is looking for a file called "reset.css" that cannot be found. The solution is to make sure the necessary files and dependencies are correctly installed and accessible in the project directory.
cc @Thomas G. Lopes
Hi! Can you give me more info on the React project? Is it React with Vite, is it using Next, etc? Also, what package manager are you using, npm or something else?
I've used create-react-app
npm
Alright, I'll try and reproduce on my end to figure out what's going on. Thanks!
