search

okta / okta-signin-widget

HTML/CSS/JS widget that provides out-of-the-box authentication UX for your organization's apps
Other
376 stars 319 forks source link

WARNING - File URL path must be absolute in ./node_modules/@okta/okta-signin-widget/dist/css/okta-sign-in.min.css #2429

Open nhatdq1810 opened 2 years ago

nhatdq1810 commented 2 years ago

I'm submitting a

Background info

Expected behavior

The warning should be fixed

What went wrong?

WARNING in ./node_modules/@okta/okta-signin-widget/dist/css/okta-sign-in.min.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@okta/okta-signin-widget/dist/css/okta-sign-in.min.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
File URL path must be absolute
 @ ./node_modules/@okta/okta-signin-widget/dist/css/okta-sign-in.min.css 8:6-261 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-231 83:0-231 84:22-29 84:33-47 84:50-64 61:4-74:5        
 @ ./src/components/okta-login.tsx 11:0-64
 @ ./src/pages/account/login.tsx 13:0-52 56:26-35
 @ ./src/pages/account/index.tsx 7:0-28 26:37-42
 @ ./src/App.tsx 14:0-38 51:37-44
 @ ./src/index.tsx 10:0-24 44:45-48

Steps to reproduce

Your environment

denysoblohin-okta commented 2 years ago

Thanks for submitting this issue. Can reproduce it. Internal ref: OKTA-478877

luis-studioG commented 2 years ago

Same issue here. Any news about this @denysoblohin-okta ?

denysoblohin-okta commented 2 years ago

@luis-studioG We took this issue for work in next week. I did some investigation on this issue. It can be fixed by replacing node-sass to sass. But it has another issues has been already fixed by https://github.com/okta/okta-signin-widget/pull/2157. So looking for another better approach.

luis-studioG commented 2 years ago

Already using sass instead of node-saas. Let's wait for the next weeks to take another approach on this. Thanks!

TD-DO commented 2 years ago

I am also having this problem

oprav commented 2 years ago

It looks like dart-sass is not able to derive relative path inside of stylesheets using this path 'target/css/okta-sign-in.css': https://github.com/okta/okta-signin-widget/blob/ca8d304ed32eb922b17b863135f4fb8f5ce892f4/Gruntfile.js#L242

Converting it to absolute path resolves this issues (paths in source map file become relative)

satya-a1fed commented 1 year ago

I got the same issue, copy pasted the dist/ folder in src/ to make it work.

juztinlazaro commented 5 days ago

Hi any update on this?