Meteor/vue import css error

VueJS
1

Hi I get error when i try to add this line in vue-meteor-demo

import ‘buefy/dist/buefy.css’ is it to do with less? – thanks

vue-meteor-demo\node_modules\buefy\dist\buefy.css:2
W20200422-14:56:34.539(10)? (STDERR) .is-noscroll {
W20200422-14:56:34.541(10)? (STDERR) ^
W20200422-14:56:34.543(10)? (STDERR)
W20200422-14:56:34.545(10)? (STDERR) SyntaxError: Unexpected token .
W20200422-14:56:34.546(10)? (STDERR) at createScript (vm.js:80:10)
W20200422-14:56:34.548(10)? (STDERR) at Object.runInThisContext (vm.js:139:10)
W20200422-14:56:34.549(10)? (STDERR) at Module._compile (module.js:617:28)
W20200422-14:56:34.551(10)? (STDERR) at Module.Mp._compile (D:\dev\VUE\vue-meteor-demo.meteor\local\build\programs\server\runtime.js:50:23)

2

Where are you importing buefy?

3

Hi I’m adding it in vue-meteor-demo/src/imports/plugins.js
after other imports

import Buefy from 'buefy'
Vue.use(Buefy)
import 'buefy/dist/buefy.css';  //ERROR IF I ADD THIS

import * as filters from './filters'
for (const key in filters) {
Vue.filter(key, filters[key])
}

(problem adding buefy to https://github.com/meteor-vue/vue-meteor-demo)

4

Import the css in src/imports/ui/style/imports.less using @import

@import 'buefy/dist/buefy.css';