4

I am trying to integrate rainbowkit and wagmi into an existing website that currently uses web3. It works when I comment out the styles import but it just looks really ugly. I have made sure npm is latest version and so are rainbowkit and wagmi.

My import statement:

import '@rainbow-me/rainbowkit/styles.css'

result:

Failed to compile.

./src/App.tsx
Module not found: Can't resolve '@rainbow-me/rainbowkit/styles.css' in '/home/apollo/manifest-github/physical-claim-frontend/src'
Buddy Bob
  • 5,829
  • 1
  • 13
  • 44
apollo5ever
  • 41
  • 2
  • This issue was resolved in rainbow kit 0.6.1 https://github.com/rainbow-me/rainbowkit/releases/tag/%40rainbow-me%2Frainbowkit%400.6.1 – Ivelin Ivanov Sep 27 '22 at 13:43

2 Answers2

5

I was having this issue as well.

I replaced the import with

import '@rainbow-me/rainbowkit/dist/index.css';

which is the non aliased path

seems to be compiling fine now!

bleaknight
  • 143
  • 8
1

I fixed it by replacing import '@rainbow-me/rainbowkit/styles.css' to import '@rainbow-me/rainbowkit/dist/index.css';

Mohammad Ammad
  • 41
  • 2