"compilerOptions": {
"outDir": "./dist", // 이 부분 추가
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
}
https://github.com/vuejs/vetur/issues/2875
https://vuejs.github.io/vetur/guide/FAQ.html#vetur-can-t-recognize-components-imported-using-webpack-s-alias
// src/vue-shims.d.ts
declare module "*.vue" {
import Vue from "vue";
export default Vue;
}
declare module
body must always be import type
or import typeof
// .eslintignore
/**/*.d.ts
// .eslintrc.js
parserOptions: {
parser: ['babel-eslint',
'@typescript-eslint/parser'],
},
disabled vetur
import ModalHeader from "@/components/MapControl/Common/ModalHeader";
import ModalFooter from "@/components/MapControl/Common/ModalFooter";
import ModalHeader from "@/components/MapControl/Common/ModalHeader.vue";
import ModalFooter from "@/components/MapControl/Common/ModalFooter.vue";
parserOptions: 기본적인 코드 분석기 설정
// parserOptions: {
// parser: 'babel-eslint',
// },
parser: 'vue-eslint-parser',
parserOptions: {
parser: '@typescript-eslint/parser',
sourceType: 'module',
},
rules: {
'import/extensions': [
'error',
'always',
{
js: 'never',
ts: 'never',
vue: 'ignorePackages', // 이 부분 never -> ignorePackages로 수정
},
],
}