Back

pink design error in react app

  • 0
  • Web
mitsy0_0
3 Jul, 2023, 10:27

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.
Meldiron
3 Jul, 2023, 10:39

cc @Thomas G. Lopes

Thomas G. Lopes
3 Jul, 2023, 12:52

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?

mitsy0_0
3 Jul, 2023, 14:42

I've used create-react-app

mitsy0_0
3 Jul, 2023, 14:42

npm

Thomas G. Lopes
4 Jul, 2023, 10:12

Alright, I'll try and reproduce on my end to figure out what's going on. Thanks!

Reply

Reply to this thread by joining our Discord

Reply on Discord

Need support?

Join our Discord

Get community support by joining our Discord server.

Join Discord

Get premium support

Join Appwrite Pro and get email support from our team.

Learn more