Skip to content

cant compile getting started on example project error #2917

@felek000

Description

@felek000

Steps

  1. install fresh vue project, add scss compiler.
  2. run command npm i vue bootstrap-vue bootstrap
  3. aplay to main.js
import Vue from 'vue'
import App from './App.vue'
import BootstrapVue from 'bootstrap-vue'
import router from './router'
import store from './store'
import './registerServiceWorker'
Vue.use(BootstrapVue)

import '../src/assets/scss/main.scss'
  1. aplay to main.scss
@import "~bootstrap/scss/bootstrap";
@import "~bootstrap-vue/src/index";

results error:

undefined
       ^
      Can't find stylesheet to import.
  ╷
6 │ @import "node_modules/bootstrap/scss/functions";
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  ..\node_modules\bootstrap-vue\src\index.scss 6:9  @import
  stdin 2:9                                         root stylesheet

how to fix manually edit in node modules to give correct path like:

@import "../../bootstrap/scss/functions";
@import "../../bootstrap/scss/variables";
@import "../../bootstrap/scss/mixins";

is there any way to not modify file in node_modules since this is dependency ?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions