Rollup failed to resolve import when deploy on vercel

Question

Rollup failed to resolve import "intro.js/introjs.css" when deploying React TypeScript app with Vite and Intro.js

I am trying to integrate Intro.js into my React TypeScript app using Vite as the build tool and deploying it on Vercel. During production, everything works fine locally, but when I deploy the app, I encounter the following error:

I have installed Intro.js as a dependency and imported it in my code like this:

import { Steps } from "intro.js-react";
import "intro.js/introjs.css";

I have also checked that the CSS file exists in the specified path.

Could you please help me understand why Rollup fails to resolve the import for the Intro.js CSS file during deployment and suggest a possible solution?

Thank you!

Please do not provide images of text, paste the text into the question. — amycodes, Jul 22 '23 at 23:45

score 0 · Answer 1 · answered Jul 16 '23 at 08:40

0

I forgot to add 'intro.js' to the dependencies in the package.json file. Currently, I have only added 'intro.js-react'.

answered Jul 16 '23 at 08:40

hall ring

1
1

Does this resolve the issue? If so, please clarify in this answer. – amycodes Jul 22 '23 at 23:45

Rollup failed to resolve import when deploy on vercel

Rollup failed to resolve import "intro.js/introjs.css" when deploying React TypeScript app with Vite and Intro.js

1 Answers1