First remove node-sass: yarn remove node-sass If you use npm: npm uninstall node-sass Then install sass instead of node-sass: yarn add -D sass or npm i -D sass Finally your SCSS and Sass files will be correctly compiled! https://stackoverflow.com/questions/70281346/node-js-sass-version-7-0-0-is-incompatible-with-4-0-0-5-0-0-6-0-0
typescript 프로젝트에서 외부라이브러리를 import 할때 .d.ts 파일이 없을경우 생기는 오류. 왠만한 라이브러리들을 typescript에 대응하여 .d.ts 파일을 제공하지만 오래된 라이브러리나 관리가 안되는 라이브러리에 경우 에러가 발생한다 이럴때는 직접 .d.ts 파일을 생성해주면 된다. 예를 들어 vue-json-pretty 라는 라이브리를 사용한다고 하면 types 폴더 밑에 vue-json-pretty.d.ts 라는 파일을 만들고 아래와 같이 선언을 해주면 된다. declare module 'vue-json-pretty' { import {Component} from 'vue/types/options' const VueJsonPretty: Component export default..
뷰 클래스 타입으로 뷰 클래스 타입으로 작성시 아래와 같은 이벤트를 처리할 경우 그냥 사용하면 안되고 hooks를 추가해 주어야 한다. 'beforeRouteEnter', 'beforeRouteLeave', 'beforeRouteUpdate' - 최상단에 class-component-hook.js 파일 생성 // class-component-hooks.js import Component from 'vue-class-component' // Register the router hooks with their names Component.registerHooks([ 'beforeRouteEnter', 'beforeRouteLeave', 'beforeRouteUpdate' ]) - 실제 vue 페이지에서 함수 ..
vuecli로 프로젝트 생성후 vue add vuetify 로 vuetify를 추가한후 실행했을때 아래와 같은 에러가 나왔을때 Could not find a declaration file for module 'vuetify/lib' Try `npm install @types/vuetify` if it exists or add a new declaration (.d.ts) file containing `declare module 'vuetify/lib';` typescript를 쓰고있는데 위와같이 에러가 나올경우 tsconfig.js >types 에 "veutify"를 추가하면 된다. "types": [ "webpack-env", "mocha", "chai", "vuetify" ],
잘되던 vue가 실행하니 아래와 같이 에러메세지를... zsh: command not found: vue 결국 재설치가 답 >> sudo npm install -g vue-cli (cli2) sudo npm install -g @vue/cli (cli3)
vue에서 다국어를 사용하기위해 i18n을 사용하는 방법에 대해서 정리해 보겠습니다. vue i18n 사이트 https://kazupon.github.io/vue-i18n/ vue-cli 3버전이상을 사용하시는 분은 아래와 같이 쉽게 패키지 추가가 가능합니다. > vue add i18n 명령어를 실행하면 몇가지 질문이 나옵니다. The locale of project localization. en? The fallback locale of project localization. en? The directory where store localization messages of project. It's stored under `src` directory. locales? Enable locale messag..
