Codesandbox-client: CompileError: Sass file in a subfolder could not found

[boriskaiser]

If I import a new Sass file in a subfolder, it will not be found.

I noticed that the path is wrong:

The correct path is not /src/styles/variables, but /src/styles/module/variables.

I use parcel template.

Link to CodeSandbox: https://codesandbox.io/s/4l28y68ow

Is there a solution for this?

Thanks in advance,
Boris

[CompuIves]

Hey! Thanks for the detailed report and reproduction sandbox. I'm now looking into a fix.

[CompuIves]

Should be live in ~15 min!

[boriskaiser]

Unfortunately, this still does not work:

[CompuIves]

Hmm, what happens if you refresh? Our service worker could still have the old cached version. The version number in the bottom right should say PROD-1520015569.

[boriskaiser]

Yo, I had a cached version — Now it works:

---

But 😊 ...

I just tested the same thing with an NPM package. And the path is unfortunately not correct:

When I import a node_modules package with a tilde ~, it works fine.

But if something is imported inside the package — like this one at srbreakpoints — the path is wrong.

The correct path is not /src/~/@superreal/srbreakpoints/src/styles/core/helpers, but /node_modules/@superreal/srbreakpoints/src/styles/core/helpers.

Is this part of this issue or should I create a new one?

[CompuIves]

Hah, this is great! I'll make sure to fix that tomorrow, could you open a
new issue for it?

On Fri, Mar 2, 2018, 22:10 Boris Kaiser [e-mail] wrote:

Yo, I had a cached version — Now it works:

[image: image]

https://user-images.githubusercontent.com/252113/36920683-d01e5caa-1e61-11e8-8952-54de870a5525.png

But 😊 ...

I just tested the same thing with an NPM package. And the path is
unfortunately not correct:

[image: image]
https://user-images.githubusercontent.com/252113/36921301-21a0665c-1e64-11e8-983a-16d682fe0420.png

When I import a node_modules package with a tilde ~, it works fine.

But if something is imported inside the package — like this one at
srbreakpoints
https://github.com/superReal/srbreakpoints/blob/master/src/styles/srbreakpoints.scss#L5
— the path is wrong.

The correct path is not
/src/~/@superreal/srbreakpoints/src/styles/core/helpers, but
/node_modules/@superreal/srbreakpoints/src/styles/core/helpers.

Is this part of this issue or should I create a new one?

—
You are receiving this because you modified the open/close state.

Reply to this email directly, view it on GitHub
https://github.com/CompuIves/codesandbox-client/issues/613#issuecomment-370053253,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAj1CFi9YChhoX9hbRKpkHZ-YMitN9xvks5tabU2gaJpZM4SaKpH
.

[CompuIves]

With that being great I mean, thanks for finding these inconsistencies 😊

On Fri, Mar 2, 2018, 22:11 Ives van Hoorne [e-mail] wrote:

Hah, this is great! I'll make sure to fix that tomorrow, could you open a
new issue for it?

On Fri, Mar 2, 2018, 22:10 Boris Kaiser [e-mail] wrote:

Yo, I had a cached version — Now it works:

[image: image]

https://user-images.githubusercontent.com/252113/36920683-d01e5caa-1e61-11e8-8952-54de870a5525.png

But 😊 ...

I just tested the same thing with an NPM package. And the path is
unfortunately not correct:

[image: image]
https://user-images.githubusercontent.com/252113/36921301-21a0665c-1e64-11e8-983a-16d682fe0420.png

When I import a node_modules package with a tilde ~, it works fine.

But if something is imported inside the package — like this one at
srbreakpoints
https://github.com/superReal/srbreakpoints/blob/master/src/styles/srbreakpoints.scss#L5
— the path is wrong.

The correct path is not
/src/~/@superreal/srbreakpoints/src/styles/core/helpers, but
/node_modules/@superreal/srbreakpoints/src/styles/core/helpers.

Is this part of this issue or should I create a new one?

—
You are receiving this because you modified the open/close state.

Reply to this email directly, view it on GitHub
https://github.com/CompuIves/codesandbox-client/issues/613#issuecomment-370053253,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAj1CFi9YChhoX9hbRKpkHZ-YMitN9xvks5tabU2gaJpZM4SaKpH
.