vuetify 설치 후 error

@ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VBtnToggle/VBtnToggle.js Module parse failed: Unexpected token (23:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...ButtonGroup.options.computed.classes.call(this), | 'v-btn-toggle': true, | 'v-btn-toggle--borderless': this.borderless, @ ./node_modules/vuetify/lib/components/VBtnToggle/index.js 1:0-38 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VDialog/VDialog.js Module parse failed: Unexpected token (242:10) You may need an appropriate loader to handle this file type. | role: 'document', | tabindex: this.isActive ? 0 : undefined, | ...this.getScopeIdAttrs() | }, | on: { @ ./node_modules/vuetify/lib/components/VDialog/index.js 1:0-32 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VMenu/VMenu.js Module parse failed: Unexpected token (247:17) You may need an appropriate loader to handle this file type. | | if (this.activeTile && this.activeTile.id) { | return { ...attributes, | 'aria-activedescendant': this.activeTile.id | }; @ ./node_modules/vuetify/lib/components/VMenu/index.js 1:0-28 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VAvatar/VAvatar.js Module parse failed: Unexpected token (24:8) You may need an appropriate loader to handle this file type. | 'v-avatar--left': this.left, | 'v-avatar--right': this.right, | ...this.roundedClasses | }; | }, @ ./node_modules/vuetify/lib/components/VAvatar/index.js 1:0-32 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VTimePicker/VTimePickerClock.js Module parse failed: Unexpected token (259:8) You may need an appropriate loader to handle this file type. | class: { | 'v-time-picker-clock--indeterminate': this.value == null, | ...this.themeClasses | }, | on: this.readonly || this.disabled ? undefined : { @ ./node_modules/vuetify/lib/components/VTimePicker/index.js 2:0-50 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VChipGroup/VChipGroup.js Module parse failed: Unexpected token (25:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...BaseSlideGroup.options.computed.classes.call(this), | 'v-chip-group': true, | 'v-chip-group--column': this.column @ ./node_modules/vuetify/lib/components/VChipGroup/index.js 1:0-38 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VDivider/VDivider.js Module parse failed: Unexpected token (25:8) You may need an appropriate loader to handle this file type. | 'v-divider--inset': this.inset, | 'v-divider--vertical': this.vertical, | ...this.themeClasses | }, | attrs: { @ ./node_modules/vuetify/lib/components/VDivider/index.js 1:0-34 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VCalendar/VCalendarDaily.js Module parse failed: Unexpected token (25:8) You may need an appropriate loader to handle this file type. | return { | 'v-calendar-daily': true, | ...this.themeClasses | }; | } @ ./node_modules/vuetify/lib/components/VCalendar/index.js 2:0-46 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/mixins/colorable/index.js Module parse failed: Unexpected token (26:23) You may need an appropriate loader to handle this file type. | | if (isCssColor(color)) { | data.style = { ...data.style, | 'background-color': `${color}`, | 'border-color': `${color}` @ ./node_modules/vuetify/lib/components/VExpansionPanel/VExpansionPanelContent.js 4:0-47 @ ./node_modules/vuetify/lib/components/VExpansionPanel/index.js @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VSystemBar/VSystemBar.js Module parse failed: Unexpected token (26:8) You may need an appropriate loader to handle this file type. | 'v-system-bar--fixed': !this.absolute && (this.app || this.fixed), | 'v-system-bar--window': this.window, | ...this.themeClasses | }; | }, @ ./node_modules/vuetify/lib/components/VSystemBar/index.js 1:0-38 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VTabs/VTab.js Module parse failed: Unexpected token (26:8) You may need an appropriate loader to handle this file type. | return { | 'v-tab': true, | ...Routable.options.computed.classes.call(this), | 'v-tab--disabled': this.disabled, | ...this.groupClasses @ ./node_modules/vuetify/lib/components/VTabs/index.js 2:0-26 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VRangeSlider/VRangeSlider.js Module parse failed: Unexpected token (27:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VSlider.options.computed.classes.call(this), | 'v-input--range-slider': true | }; @ ./node_modules/vuetify/lib/components/VRangeSlider/index.js 1:0-42 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VTimeline/VTimeline.js Module parse failed: Unexpected token (28:8) You may need an appropriate loader to handle this file type. | 'v-timeline--dense': this.dense, | 'v-timeline--reverse': this.reverse, | ...this.themeClasses | }; | } @ ./node_modules/vuetify/lib/components/VTimeline/index.js 1:0-36 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VBreadcrumbs/VBreadcrumbs.js Module parse failed: Unexpected token (29:8) You may need an appropriate loader to handle this file type. | return { | 'v-breadcrumbs--large': this.large, | ...this.themeClasses | }; | } @ ./node_modules/vuetify/lib/components/VBreadcrumbs/index.js 1:0-42 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VCard/VCard.js Module parse failed: Unexpected token (29:8) You may need an appropriate loader to handle this file type. | return { | 'v-card': true, | ...Routable.options.computed.classes.call(this), | 'v-card--flat': this.flat, | 'v-card--hover': this.hover, @ ./node_modules/vuetify/lib/components/VCard/index.js 1:0-28 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VExpansionPanel/VExpansionPanel.js Module parse failed: Unexpected token (30:8) You may need an appropriate loader to handle this file type. | 'v-expansion-panel--next-active': this.nextIsActive, | 'v-expansion-panel--disabled': this.isDisabled, | ...this.groupClasses | }; | }, @ ./node_modules/vuetify/lib/components/VExpansionPanel/index.js 2:0-48 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VSheet/VSheet.js Module parse failed: Unexpected token (30:8) You may need an appropriate loader to handle this file type. | 'v-sheet--outlined': this.outlined, | 'v-sheet--shaped': this.shaped, | ...this.themeClasses, | ...this.elevationClasses, | ...this.roundedClasses @ ./node_modules/vuetify/lib/components/VSheet/index.js 1:0-30 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VExpansionPanel/VExpansionPanels.js Module parse failed: Unexpected token (31:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...BaseItemGroup.options.computed.classes.call(this), | 'v-expansion-panels': true, | 'v-expansion-panels--accordion': this.accordion, @ ./node_modules/vuetify/lib/components/VExpansionPanel/index.js 1:0-50 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VCounter/VCounter.js Module parse failed: Unexpected token (31:8) You may need an appropriate loader to handle this file type. | class: { | 'error--text': isGreater, | ...functionalThemeClasses(ctx) | } | }, content); @ ./node_modules/vuetify/lib/components/VCounter/index.js 1:0-34 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/mixins/menuable/index.js Module parse failed: Unexpected token (326:21) You may need an appropriate loader to handle this file type. | this.pageWidth = document.documentElement.clientWidth; | const dimensions = { | activator: { ...this.dimensions.activator | }, | content: { ...this.dimensions.content @ ./node_modules/vuetify/lib/components/VTooltip/VTooltip.js 8:0-45 @ ./node_modules/vuetify/lib/components/VTooltip/index.js @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VSkeletonLoader/VSkeletonLoader.js Module parse failed: Unexpected token (32:8) You may need an appropriate loader to handle this file type. | 'aria-live': 'polite', | role: 'alert', | ...this.$attrs | } : {}; | }, @ ./node_modules/vuetify/lib/components/VSkeletonLoader/index.js 1:0-48 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VTextarea/VTextarea.js Module parse failed: Unexpected token (32:8) You may need an appropriate loader to handle this file type. | 'v-textarea--auto-grow': this.autoGrow, | 'v-textarea--no-resize': this.noResizeHandle, | ...VTextField.options.computed.classes.call(this) | }; | }, @ ./node_modules/vuetify/lib/components/VTextarea/index.js 1:0-36 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VSparkline/VSparkline.js Module parse failed: Unexpected token (339:17) You may need an appropriate loader to handle this file type. | genTrend() { | return this.$createElement('svg', this.setTextColor(this.color, { | attrs: { ...this.$attrs, | display: 'block', | 'stroke-width': this._lineWidth || 1, @ ./node_modules/vuetify/lib/components/VSparkline/index.js 1:0-38 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VFooter/VFooter.js Module parse failed: Unexpected token (33:15) You may need an appropriate loader to handle this file type. | | classes() { | return { ...VSheet.options.computed.classes.call(this), | 'v-footer--absolute': this.absolute, | 'v-footer--fixed': !this.absolute && (this.app || this.fixed), @ ./node_modules/vuetify/lib/components/VFooter/index.js 1:0-32 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VBanner/VBanner.js Module parse failed: Unexpected token (33:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VSheet.options.computed.classes.call(this), | 'v-banner--has-icon': this.hasIcon, | 'v-banner--is-mobile': this.isMobile, @ ./node_modules/vuetify/lib/components/VBanner/index.js 1:0-32 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VSwitch/VSwitch.js Module parse failed: Unexpected token (34:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VInput.options.computed.classes.call(this), | 'v-input--selection-controls v-input--switch': true, | 'v-input--switch--flat': this.flat, @ ./node_modules/vuetify/lib/components/VSwitch/index.js 1:0-32 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VBreadcrumbs/VBreadcrumbsItem.js Module parse failed: Unexpected token (34:29) You may need an appropriate loader to handle this file type. | data | } = this.generateRouteLink(); | return h('li', [h(tag, { ...data, | attrs: { ...data.attrs, | 'aria-current': this.isActive && this.isLink ? 'page' : undefined @ ./node_modules/vuetify/lib/components/VBreadcrumbs/index.js 2:0-50 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VLazy/VLazy.js Module parse failed: Unexpected token (36:15) You may need an appropriate loader to handle this file type. | computed: { | styles() { | return { ...this.measurableStyles | }; | } @ ./node_modules/vuetify/lib/components/VLazy/index.js 1:0-28 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VCheckbox/VCheckbox.js Module parse failed: Unexpected token (37:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VInput.options.computed.classes.call(this), | 'v-input--selection-controls': true, | 'v-input--checkbox': true, @ ./node_modules/vuetify/lib/components/VCheckbox/index.js 1:0-36 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VItemGroup/VItemGroup.js Module parse failed: Unexpected token (37:8) You may need an appropriate loader to handle this file type. | return { | 'v-item-group': true, | ...this.themeClasses | }; | }, @ ./node_modules/vuetify/lib/components/VItemGroup/index.js 2:0-38 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VRadioGroup/VRadioGroup.js Module parse failed: Unexpected token (41:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VInput.options.computed.classes.call(this), | 'v-input--selection-controls v-input--radio-group': true, | 'v-input--radio-group--column': this.column && !this.row, @ ./node_modules/vuetify/lib/components/VRadioGroup/index.js 1:0-40 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VList/VList.js Module parse failed: Unexpected token (41:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VSheet.options.computed.classes.call(this), | 'v-list--dense': this.dense, | 'v-list--disabled': this.disabled, @ ./node_modules/vuetify/lib/components/VList/index.js 2:0-28 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VDatePicker/VDatePicker.js Module parse failed: Unexpected token (446:10) You may need an appropriate loader to handle this file type. | input: this.dateClick, | 'update:table-date': value => this.tableDate = value, | ...createItemTypeListeners(this, ':date') | } | }); @ ./node_modules/vuetify/lib/components/VDatePicker/index.js 1:0-40 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VLabel/VLabel.js Module parse failed: Unexpected token (45:8) You may need an appropriate loader to handle this file type. | 'v-label--active': props.value, | 'v-label--is-disabled': props.disabled, | ...functionalThemeClasses(ctx) | }, | attrs: { @ ./node_modules/vuetify/lib/components/VLabel/index.js 1:0-30 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VApp/VApp.js Module parse failed: Unexpected token (47:8) You may need an appropriate loader to handle this file type. | 'v-application--is-rtl': this.$vuetify.rtl, | 'v-application--is-ltr': !this.$vuetify.rtl, | ...this.themeClasses | }, | attrs: { @ ./node_modules/vuetify/lib/components/VApp/index.js 1:0-26 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VStepper/VStepper.js Module parse failed: Unexpected token (47:8) You may need an appropriate loader to handle this file type. | 'v-stepper--alt-labels': this.altLabels, | 'v-stepper--non-linear': this.nonLinear, | ...this.themeClasses | }; | } @ ./node_modules/vuetify/lib/components/VStepper/index.js 2:0-34 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VRadioGroup/VRadio.js Module parse failed: Unexpected token (49:8) You may need an appropriate loader to handle this file type. | 'v-radio--is-disabled': this.isDisabled, | 'v-radio--is-focused': this.isFocused, | ...this.themeClasses, | ...this.groupClasses | }; @ ./node_modules/vuetify/lib/components/VRadioGroup/index.js 2:0-30 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VColorPicker/util/index.js Module parse failed: Unexpected token (4:11) You may need an appropriate loader to handle this file type. | import { HSVAtoRGBA, HSVAtoHex, RGBAtoHSVA, HexToHSVA, HSVAtoHSLA, RGBAtoHex, HSLAtoHSVA, parseHex } from '../../../util/colorUtils'; | export function fromHSVA(hsva) { | hsva = { ...hsva | }; | const hexa = HSVAtoHex(hsva); @ ./node_modules/vuetify/lib/components/VColorPicker/VColorPickerCanvas.js 5:0-44 @ ./node_modules/vuetify/lib/components/VColorPicker/index.js @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VOverlay/VOverlay.js Module parse failed: Unexpected token (50:8) You may need an appropriate loader to handle this file type. | 'v-overlay--absolute': this.absolute, | 'v-overlay--active': this.isActive, | ...this.themeClasses | }; | }, @ ./node_modules/vuetify/lib/components/VOverlay/index.js 1:0-34 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VTreeview/VTreeview.js Module parse failed: Unexpected token (51:4) You may need an appropriate loader to handle this file type. | default: () => [] | }, | ...VTreeviewNodeProps | }, | data: () => ({ @ ./node_modules/vuetify/lib/components/VTreeview/index.js 1:0-36 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VBadge/VBadge.js Module parse failed: Unexpected token (57:8) You may need an appropriate loader to handle this file type. | 'v-badge--overlap': this.overlap, | 'v-badge--tile': this.tile, | ...this.themeClasses | }; | }, @ ./node_modules/vuetify/lib/components/VBadge/index.js 1:0-30 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VPicker/VPicker.js Module parse failed: Unexpected token (58:10) You may need an appropriate loader to handle this file type. | class: { | 'v-picker__body--no-title': this.noTitle, | ...this.themeClasses | }, | style: this.fullWidth ? undefined : { @ ./node_modules/vuetify/lib/components/VPicker/index.js 1:0-32 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VAppBar/VAppBar.js Module parse failed: Unexpected token (58:15) You may need an appropriate loader to handle this file type. | | classes() { | return { ...VToolbar.options.computed.classes.call(this), | 'v-toolbar--collapse': this.collapse || this.collapseOnScroll, | 'v-app-bar': true, @ ./node_modules/vuetify/lib/components/VAppBar/index.js 1:0-32 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VInput/VInput.js Module parse failed: Unexpected token (58:8) You may need an appropriate loader to handle this file type. | 'v-input--is-readonly': this.isReadonly, | 'v-input--dense': this.dense, | ...this.themeClasses | }; | }, @ ./node_modules/vuetify/lib/components/VInput/index.js 1:0-30 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VTimeline/VTimelineItem.js Module parse failed: Unexpected token (58:8) You may need an appropriate loader to handle this file type. | return this.$createElement('div', { | staticClass: 'v-timeline-item__inner-dot', | ...data | }, [this.hasIcon && this.genIcon()]); | }, @ ./node_modules/vuetify/lib/components/VTimeline/index.js 2:0-44 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VBtn/VBtn.js Module parse failed: Unexpected token (58:8) You may need an appropriate loader to handle this file type. | return { | 'v-btn': true, | ...Routable.options.computed.classes.call(this), | 'v-btn--absolute': this.absolute, | 'v-btn--block': this.block, @ ./node_modules/vuetify/lib/components/VBtn/index.js 1:0-26 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VToolbar/VToolbar.js Module parse failed: Unexpected token (59:15) You may need an appropriate loader to handle this file type. | | classes() { | return { ...VSheet.options.computed.classes.call(this), | 'v-toolbar': true, | 'v-toolbar--absolute': this.absolute, @ ./node_modules/vuetify/lib/components/VToolbar/index.js 2:0-34 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VSlideGroup/VSlideGroup.js Module parse failed: Unexpected token (61:15) You may need an appropriate loader to handle this file type. | | classes() { | return { ...BaseItemGroup.options.computed.classes.call(this), | 'v-slide-group': true, | 'v-slide-group--has-affixes': this.hasAffixes, @ ./node_modules/vuetify/lib/components/VSlideGroup/index.js 1:0-40 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VBottomNavigation/VBottomNavigation.js Module parse failed: Unexpected token (62:15) You may need an appropriate loader to handle this file type. | | styles() { | return { ...this.measurableStyles, | transform: this.isActive ? 'none' : 'translateY(100%)' | }; @ ./node_modules/vuetify/lib/components/VBottomNavigation/index.js 1:0-52 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VCarousel/VCarousel.js Module parse failed: Unexpected token (63:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VWindow.options.computed.classes.call(this), | 'v-carousel': true, | 'v-carousel--hide-delimiter-background': this.hideDelimiterBackground, @ ./node_modules/vuetify/lib/components/VCarousel/index.js 1:0-36 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VChip/VChip.js Module parse failed: Unexpected token (64:8) You may need an appropriate loader to handle this file type. | return { | 'v-chip': true, | ...Routable.options.computed.classes.call(this), | 'v-chip--clickable': this.isClickable, | 'v-chip--disabled': this.disabled, @ ./node_modules/vuetify/lib/components/VChip/index.js 1:0-28 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VFileInput/VFileInput.js Module parse failed: Unexpected token (66:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VTextField.options.computed.classes.call(this), | 'v-file-input': true | }; @ ./node_modules/vuetify/lib/components/VFileInput/index.js 1:0-38 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VCombobox/VCombobox.js Module parse failed: Unexpected token (69:44) You may need an appropriate loader to handle this file type. | | if (this.multiple) { | chip.componentOptions.listeners = { ...chip.componentOptions.listeners, | dblclick: () => { | this.editingIndex = index; @ ./node_modules/vuetify/lib/components/VCombobox/index.js 1:0-36 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VList/VListItem.js Module parse failed: Unexpected token (70:8) You may need an appropriate loader to handle this file type. | return { | 'v-list-item': true, | ...Routable.options.computed.classes.call(this), | 'v-list-item--dense': this.dense, | 'v-list-item--disabled': this.disabled, @ ./node_modules/vuetify/lib/components/VList/index.js 4:0-36 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VWindow/VWindow.js Module parse failed: Unexpected token (72:15) You may need an appropriate loader to handle this file type. | | classes() { | return { ...BaseItemGroup.options.computed.classes.call(this), | 'v-window--show-arrows-on-hover': this.showArrowsOnHover | }; @ ./node_modules/vuetify/lib/components/VWindow/index.js 1:0-32 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VSlider/VSlider.js Module parse failed: Unexpected token (74:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VInput.options.computed.classes.call(this), | 'v-input__slider': true, | 'v-input__slider--vertical': this.vertical, @ ./node_modules/vuetify/lib/components/VSlider/index.js 1:0-32 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VTextField/VTextField.js Module parse failed: Unexpected token (74:15) You may need an appropriate loader to handle this file type. | computed: { | classes() { | return { ...VInput.options.computed.classes.call(this), | 'v-text-field': true, | 'v-text-field--full-width': this.fullWidth, @ ./node_modules/vuetify/lib/components/VTextField/index.js 1:0-38 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VPagination/VPagination.js Module parse failed: Unexpected token (76:8) You may need an appropriate loader to handle this file type. | 'v-pagination--circle': this.circle, | 'v-pagination--disabled': this.disabled, | ...this.themeClasses | }; | }, @ ./node_modules/vuetify/lib/components/VPagination/index.js 1:0-40 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VGrid/VCol.js Module parse failed: Unexpected token (78:4) You may need an appropriate loader to handle this file type. | default: false | }, | ...breakpointProps, | offset: { | type: [String, Number], @ ./node_modules/vuetify/lib/components/VGrid/index.js 2:0-26 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/services/theme/utils.js Module parse failed: Unexpected token (7:4) You may need an appropriate loader to handle this file type. | const { | anchor, | ...variant | } = theme; | const colors = Object.keys(variant); @ ./node_modules/vuetify/lib/services/theme/index.js 5:0-38 @ ./node_modules/vuetify/lib/services/index.js @ ./node_modules/vuetify/lib/framework.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/directives/mutate/index.js Module parse failed: Unexpected token (7:4) You may need an appropriate loader to handle this file type. | const { | once, | ...modifierKeys | } = modifiers; | const hasModifiers = Object.keys(modifierKeys).length > 0; // Options take top priority @ ./node_modules/vuetify/lib/directives/index.js 3:0-34 @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VTabs/VTabs.js Module parse failed: Unexpected token (83:8) You may need an appropriate loader to handle this file type. | 'v-tabs--right': this.right, | 'v-tabs--vertical': this.vertical, | ...this.themeClasses | }; | }, @ ./node_modules/vuetify/lib/components/VTabs/index.js 1:0-28 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VGrid/VRow.js Module parse failed: Unexpected token (84:4) You may need an appropriate loader to handle this file type. | validator: alignValidator | }, | ...alignProps, | justify: { | type: String, @ ./node_modules/vuetify/lib/components/VGrid/index.js 3:0-26 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VDatePicker/mixins/date-picker-table.js Module parse failed: Unexpected token (84:8) You may need an appropriate loader to handle this file type. | 'v-btn--disabled': !isAllowed || this.disabled, | 'v-btn--outlined': isCurrent && !isSelected, | ...this.themeClasses | }; | }, @ ./node_modules/vuetify/lib/components/VDatePicker/VDatePickerMonthTable.js 2:0-57 @ ./node_modules/vuetify/lib/components/VDatePicker/index.js @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VTreeview/VTreeviewNode.js Module parse failed: Unexpected token (89:4) You may need an appropriate loader to handle this file type. | }, | parentIsDisabled: Boolean, | ...VTreeviewNodeProps | }, | data: () => ({ @ ./node_modules/vuetify/lib/components/VTreeview/index.js 2:0-44 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VIcon/VIcon.js Module parse failed: Unexpected token (91:10) You may need an appropriate loader to handle this file type. | disabled: this.hasClickListener && this.disabled, | type: this.hasClickListener ? 'button' : undefined, | ...this.attrs$ | }, | on: this.listeners$ @ ./node_modules/vuetify/lib/components/VIcon/index.js 1:0-28 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VExpansionPanel/VExpansionPanelHeader.js Module parse failed: Unexpected token (96:12) You may need an appropriate loader to handle this file type. | value: this.ripple | }], | on: { ...this.$listeners, | click: this.onClick, | mousedown: () => this.hasMousedown = true, @ ./node_modules/vuetify/lib/components/VExpansionPanel/index.js 4:0-60 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js ERROR in ./node_modules/vuetify/lib/components/VAutocomplete/VAutocomplete.js Module parse failed: Unexpected token (9:27) You may need an appropriate loader to handle this file type. | import mergeData from '../../util/mergeData'; | import { getObjectValueByPath, getPropertyFromItem, keyCodes } from '../../util/helpers'; | const defaultMenuProps = { ...VSelectMenuProps, | offsetY: true, | offsetOverflow: true, @ ./node_modules/vuetify/lib/components/VAutocomplete/index.js 1:0-44 @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js

component

컴포넌트 등록 구글링 해보면 html 예제가 많이 나와있어서 vue 에다가 해도 되는건지도 모르겠어여ㅠ

component

app.vue

component

id="app"> (사진)src="./assets/images/logo.jpg"> (사진)src="./assets/images/lili.jpg"> to="/FRAGANCE">FRAGANCE id="nav-f"> to="/NEWARRIVALS">NEW ARRIVALS import KaHeader from './components/KaHeader.vue' import KaInput from './components/KaInput.vue' import KaList from './components/KaList.vue' import KaFooter from './components/KaFooter.vue' export default { components: { 'KaHeader': KaHeader, 'KaInput': KaInput, 'KaList': KaList, 'KaFooter': KaFooter } }

component

vue.esm.js?efeb:628 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> at src/components/ka-nav-f.vue at src/App.vue