인프런 커뮤니티 질문&답변
작성한 질문수
vuetify 설치 후 error
작성
·
700
1
vuetify 설치를 한 후 error가 뜨는데 해결 방법이 있을까요?
Failed to compile.
./node_modules/vuetify/src/components/VGrid/_grid.sass Module parse failed: Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type. | @import '../../styles/styles.sass' | | .container @ ./node_modules/vuetify/lib/components/VGrid/VLayout.js 1:0-50 @ ./node_modules/vuetify/lib/components/VGrid/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
답변 2
1
@ ./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
0
안녕하세요 윤희님, 에러 메시지의 대부분이 특정 파일 형식을 웹팩에서 인식할 수 없어서 나는 오류 같아요. 구성하신 프로젝트에서 어떤 로더를 더 추가로 구성해야 하는지 한번 살펴보시고 웹팩 로더 설치하신 후 다시 돌리면 해결될 것 같습니다 :) 웹팩 로더 개념은 아래 문서로 확인해보시면 좋을 것 같아요 :)
https://joshua1988.github.io/webpack-guide/concepts/loader.html