북마크/메모장

vuestic 적용

귀펀치토끼 2022. 4. 11. 15:21
vue create vuestic

Default (Vue3, babel, eslint)

vue add vuestic-ui

Use treeshaking (Y)

✔️CSS Grid

✔️Vuestic Normalize CSS module

✔️Vuestic Typography module 

Use ag-grid? (y)

ERROR  Failed to compile with 1 error                                                                                                                                                                                                                   오후 3:26:17

Failed to resolve loader: sass-loader
You may need to install it.
ERROR in ./src/main.js 5:0-47
Module not found: Error: Can't resolve 'sass-loader' in '/Users/payqube/vuestic'

ERROR in ./src/main.js 6:0-54
Module not found: Error: Can't resolve 'sass-loader' in '/Users/payqube/vuestic'

ERROR in ./src/main.js 7:0-55
Module not found: Error: Can't resolve 'sass-loader' in '/Users/payqube/vuestic'

webpack compiled with 3 errors
npm i sass
npm i sass-loader@10 
npm i
main.js


import { createApp } from 'vue'
import App from './App.vue'
import { VuesticPlugin } from 'vuestic-ui'
import 'vuestic-ui/dist/vuestic-ui.css'

const app = createApp(App)
app.use(VuesticPlugin, {

})
app.mount('#app')