Vue 유효하지 않은 CSS-1 개의 선택기 또는 규칙이 필요합니다.

npm run serveVue에서 시도하고 있는데 다음과 같은 오류가 발생합니다.

Failed to compile.

./src/App.vue?vue&type=style&index=0&lang=sass& (./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=style&index=0&lang=sass&)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after " ": expected 1 selector or at-rule, was "{"
        on line 1 of /Users/MatthewBell/GitHub/pollify/client/src/App.vue
>>  {

   ^

분명히 오류가 있으며 App.vue잘못 배치 된 중괄호처럼 보입니다.

그러나 해당 파일을 체크인하면 중괄호도 없습니다.

<template>
    <div id="app">
        <div id="nav">
            <router-link to="/">Home</router-link>|
            <router-link to="/about">About</router-link>
        </div>
        <router-view />
    </div>
</template>

<style lang="sass">
#app
    @extend %global-styles
</style>

.. 확장중인 클래스의 파일은 main.sass아래와 같습니다. 가져온 sass 시트에는 중괄호가 없으므로 오류 메시지에 대해 매우 혼란 스럽습니다.

// Importing all our globally accessible stylesheets
@import ./reset
@import ./variables
@import ./mixins_and_placeholders

%global-styles
    font-family: $font
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale
    background-color: $grey-3
    color: $text-black

또한 StackOverflow 에서이 질문을 검색했으며 일부 사람들은 구성 파일에 문제가 될 수 있다고 말하는 것 같지만 내 문제를 찾을 수 없습니다 vue.config.js.

// vue.config.js
module.exports = {
    css: {
        loaderOptions: {
            // pass options to sass-loader
            // @/ is an alias to src/
            // so this assumes you have a file named `src/variables.sass`
            // Note: this option is named as "data" in sass-loader v7
            sass: {
                prependData: `
                @import "@/styles/main.sass"
                `
            }
        }
    }
};

이것은 이전에 잘 작동했기 때문에 데이터 경로 앞에 추가하는 문제가 아닙니다.