developergovindgupta / multi-range-slider-react-ts

single component to select range value from slider with no other dependency.
14 stars 9 forks source link

Global CSS cannot be imported from within node_modules. #2

Open datisekai opened 1 year ago

datisekai commented 1 year ago

./node_modules/multi-range-slider-react/lib/multirangeslider.css Global CSS cannot be imported from within node_modules. Read more: https://nextjs.org/docs/messages/css-npm Location: node_modules\multi-range-slider-react\lib\multirangeslider.js

I am getting this error while using your library, help me.

datisekai commented 1 year ago

I using typescript and tailwindCSS.

developergovindgupta commented 1 year ago

you can download the css from git/node_modules and put it in your component folder and use the reference. and you can modify it according to your requirements.

On Mon, 20 Feb 2023 at 14:52, Datisekai @.***> wrote:

I using typescript and tailwindCSS.

— Reply to this email directly, view it on GitHub https://github.com/developergovindgupta/multi-range-slider-react-ts/issues/2#issuecomment-1436611529, or unsubscribe https://github.com/notifications/unsubscribe-auth/AMXYHBEQAQUSP66TDSBIWXLWYMZUNANCNFSM6AAAAAAVBT5T3I . You are receiving this because you are subscribed to this thread.Message ID: <developergovindgupta/multi-range-slider-react-ts/issues/2/1436611529@ github.com>

-- Sr. Javascript Developer Govind Prasad Gupta For Designhill (a platform owned by Reliable E Solutions Pvt Ltd) p: 7841849768, 9335057042 a: Designhill , B 106 , Sector 29, Near Signature Tower , Gurgaon Haryana 122001 w: www.designhill.com e: @. @.> Featured in: [image: http://www.huffingtonpost.com/casey-cavanagh/crowdsourcing-platforms-a_b_8314266.html?ir=India&adsSiteOverride=in]

http://thenextweb.com/insider/2016/01/08/7-must-know-content-marketing-trends-of-2016/

http://www.forbes.com/sites/amyguttman/2015/10/11/startups-why-giving-stuff-away-for-free-is-the-best-marketing-tool/

mitestainer commented 1 year ago

Same error here, and importing the css file inside my component doesn't work.

Notice this error occurs if using the lib with Next.js. More info here.

developergovindgupta commented 1 year ago

I have customized multi-range-slider-react for Next JS but it takes time to update on NPM. for your reference see this demo code. you can use source component in your project till i have not published over NPM.

https://codesandbox.io/p/sandbox/multi-range-slider-next-demo-onvir8

On Mon, 27 Feb 2023 at 21:19, Matheus Mitestainer @.***> wrote:

Same error here, and importing the css file inside my component doesn't work.

Notice this error occurs if using the lib with Next.js. More info here https://nextjs.org/docs/messages/css-npm.

— Reply to this email directly, view it on GitHub https://github.com/developergovindgupta/multi-range-slider-react-ts/issues/2#issuecomment-1446574304, or unsubscribe https://github.com/notifications/unsubscribe-auth/AMXYHBGVS24VMEXIKYLNQOTWZTEJZANCNFSM6AAAAAAVBT5T3I . You are receiving this because you commented.Message ID: <developergovindgupta/multi-range-slider-react-ts/issues/2/1446574304@ github.com>

-- Sr. Javascript Developer Govind Prasad Gupta For Designhill (a platform owned by Reliable E Solutions Pvt Ltd) p: 7841849768, 9335057042 a: Designhill , B 106 , Sector 29, Near Signature Tower , Gurgaon Haryana 122001 w: www.designhill.com e: @. @.> Featured in: [image: http://www.huffingtonpost.com/casey-cavanagh/crowdsourcing-platforms-a_b_8314266.html?ir=India&adsSiteOverride=in]

http://thenextweb.com/insider/2016/01/08/7-must-know-content-marketing-trends-of-2016/

http://www.forbes.com/sites/amyguttman/2015/10/11/startups-why-giving-stuff-away-for-free-is-the-best-marketing-tool/

tem-ctrl commented 4 months ago

you can download the css from git/node_modules and put it in your component folder and use the reference. and you can modify it according to your requirements. On Mon, 20 Feb 2023 at 14:52, Datisekai @.> wrote: I using typescript and tailwindCSS. — Reply to this email directly, view it on GitHub <#2 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AMXYHBEQAQUSP66TDSBIWXLWYMZUNANCNFSM6AAAAAAVBT5T3I . You are receiving this because you are subscribed to this thread.Message ID: <developergovindgupta/multi-range-slider-react-ts/issues/2/1436611529@ github.com> -- Sr. Javascript Developer Govind Prasad Gupta For Designhill (a platform owned by Reliable E Solutions Pvt Ltd) p: 7841849768, 9335057042 a: Designhill , B 106 , Sector 29, Near Signature Tower , Gurgaon Haryana 122001 w: www.designhill.com e: @. @.***> Featured in: [image: http://www.huffingtonpost.com/casey-cavanagh/crowdsourcing-platforms-a_b_8314266.html?ir=India&adsSiteOverride=in] http://thenextweb.com/insider/2016/01/08/7-must-know-content-marketing-trends-of-2016/ http://www.forbes.com/sites/amyguttman/2015/10/11/startups-why-giving-stuff-away-for-free-is-the-best-marketing-tool/

I tried, no go. This doesn't solve the problem.