Skip to content

Syntax Error: Can't find stylesheet to import. #379

@edgm1988

Description

@edgm1988

I having the next issue when trying to run

ERROR Failed to compile with 1 error

error in ./src/app.vue?vue&type=style&index=0&id=5ef48958&lang=scss

Syntax Error: Can't find stylesheet to import.

3 │ @import '~bulma/sass/utilities/_all.scss';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

src\design_bulma.scss 3:9 @import
src\design\index.scss 1:9 @import
src\app.vue 2:9 root stylesheet

ERROR in ./src/app.vue?vue&type=style&index=0&id=5ef48958&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/app.vue?vue&type=style&index=0&id=5ef48958&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Can't find stylesheet to import.

3 │ @import '~bulma/sass/utilities/_all.scss';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

src\design_bulma.scss 3:9 @import
src\design\index.scss 1:9 @import
src\app.vue 2:9 root stylesheet
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/app.vue?vue&type=style&index=0&id=5ef48958&lang=scss 4:14-414 15:3-20:5 16:22-422
@ ./src/app.vue?vue&type=style&index=0&id=5ef48958&lang=scss 1:0-472 1:0-472
@ ./src/app.vue 4:0-75
@ ./src/main.js 6:0-24 10:13-16

ERROR in [eslint]
C:\Users\Edmundo\Documents\Training\vue-getting-started\02-getting-started\end\vue-heroes\src\app.vue
0:0 error Parsing error: Class extends value [object Module] is not a constructor or null

C:\Users\Edmundo\Documents\Training\vue-getting-started\02-getting-started\end\vue-heroes\src\components\header-bar-brand.vue
0:0 error Parsing error: Class extends value [object Module] is not a constructor or null

C:\Users\Edmundo\Documents\Training\vue-getting-started\02-getting-started\end\vue-heroes\src\components\header-bar-links.vue
0:0 error Parsing error: Class extends value [object Module] is not a constructor or null

C:\Users\Edmundo\Documents\Training\vue-getting-started\02-getting-started\end\vue-heroes\src\components\header-bar.vue
0:0 error Parsing error: Class extends value [object Module] is not a constructor or null

C:\Users\Edmundo\Documents\Training\vue-getting-started\02-getting-started\end\vue-heroes\src\main.js
0:0 error Parsing error: Class extends value [object Module] is not a constructor or null

✖ 5 problems (5 errors, 0 warnings)

webpack compiled with 2 errors

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions