Front

Vite는 기본적으로 ES 모듈 시스템을 사용하며, CommonJS의 require 문법을 지원하지 않습니다. 대신, ES 모듈의 import 문법을 사용해야 합니다. 하지만 일부 라이브러리나 코드베이스에서 require를 계속 사용해야 하는 경우에는 플러그인 사용으로 대체할 수 있습니다. 이 포스팅에선 import 문법 대체 방법만 다룹니다. 개발환경 : Vue3 + Quasar Build 도구 : Vite 기존 require 사용하던 예시 const multilingual = require('multilingual'); import 문법으로 변경 예시 import * as multilingual from 'multilingual'; import 문법 사용법 // 다른 모듈에서 변수 또는 함수 가져오기..

구성 요소 이름 "스피너"는 항상 다중 단어 vue/multi-word-component-name이어야 합니다. 라는 error가 떴다. 이 에러는 Eslint와 같이 사용할 때 발생하는 에러인데, vue에서 component명을 만들 때 반드시 단어의 조합(CmmMenu)으로 지어야 한다는 의미이다. 이는 html 태그와 헷갈리지 않게 하려고 그렇게 설정해놨다고 한다. 해결하려면 경고메세지와 같이 컴포넌트명을 단어의 조합으로 바꿔도 되지만 이 에러가 아에 안뜨게 하려면, vue.config.js 파일에 lintOnSave: false를 추가해주면 된다. const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({..