Parcel: .vue file <style> scss can not load

[rambo-panda]

❔ Question

I don't know how to describe my problem. I hope you can patiently check the code below.

💻 Code Sample

files

 start.sh
package.json
parcel/
└── sample
    ├── deps
    │   └── function.scss
    ├── index.html
    └── src
        ├── app.js
        └── components
            ├── a.sh
            ├── a.vue
            ├── b.vue
            ├── c.vue
            ├── d.vue
            ├── e.vue
            ├── f.vue
            ├── g.vue
            ├── h.vue
            ├── i.vue
            ├── j.vue
            └── k.vue

index.html

<script src="./src/app.js"></script>

parce/src/app.js

const a = () => import("./components/a.vue");
const b = () => import("./components/b.vue");
const c = () => import("./components/c.vue");
const d = () => import("./components/d.vue");
const e = () => import("./components/e.vue");
const f = () => import("./components/f.vue");
const g = () => import("./components/g.vue");
const h = () => import("./components/h.vue");
const i = () => import("./components/i.vue");
const j = () => import("./components/j.vue");
const k = () => import("./components/k.vue");

parcel/src/components/*.vue

<template><div>test</div></template><style lang="scss" scoped>@import "../../deps/function.scss";.a{width:vw(10);}</style>

parcel/deps/function.scss

@function vw($px) {
  @return ($px / 750) * 100vw;
}

start.sh

#!/bin/bash

rm -rf .cache ./dist

npx parcel ./parcel/sample/index.html --log-level 4

recurring step

change the app.js !! normal work

const a = () => import("./components/a.vue");
const b = () => import("./components/b.vue");
const c = () => import("./components/c.vue");

🌍 Environment

| Software | Version(s) |
| ---------------- | ---------- |
|@vue/component-compiler-utils| 2.2.0
|node-sass| 4.9.4
|parcel-bundler| 1.10.3
|vue| 2.5.17
|vue-hot-reload-api| 2.3.0
|vue-router| 3.0.1
|vue-template-compiler| 2.5.17
|vuex| 3.0.1
| Node | 8.12.0
| npm/Yarn | npm/6.4.1
| Operating System | mac 10.13.6 or window10 64bit

[rambo-panda]

When I was debug, I found there was no callback here. So parcel has been waiting for the end.

[rambo-panda]

What makes me very unbelievable is why stop here

Is there a concurrency issue with the nodejs fs module?

[tangjingjing]

I have the same problem in the nodejs v10

[rambo-panda]

use dtruss

await ???

[JJChu]

I have the same problem in the nodejs v10

[JJChu]

@DeMoorJasper Hello, when will you fix it?

[DeMoorJasper]

@JJChu I probably won't take on this issue anytime soon.
I'm currently pretty busy with other things and within the parcel project my main focus is currently helping out with Parcel 2 as that's a bit too complex for new contributors.

If anyone wants to take on this issue feel free to do so.

[rambo-panda]

When I accidentally tried dart-sass, the problem was fine.

https://github.com/parcel-bundler/parcel/issues/1509

[rambo-panda]

The question of node-sass, I suspect is the conflict between await and NAPI.