[nuxt] [style-resources] "Semicolons aren't allowed in the indented syntax가 나타납니다. 이런 오류는build할 수 없습니다.

2021 단어 nuxtJavaScriptVue.js

하고 싶은 일


scss의 변수,mixin 등을 각 구성 요소에 함께 읽고 싶습니다.그리고 나는 그것을 빌드하고 싶다.

단계


다음 내용을 참고하여 scss의 변수,mixin 등을 각 구성 요소에 함께 읽습니다.
https://github.com/nuxt-community/style-resources-module
npm i @nuxtjs/style-resources
혹은
yarn add -D @nuxtjs/style-resources
이후 nuxt.config.js 에서 추기
export default {
  buildModules: [
    '@nuxtjs/style-resources',
  ],

  styleResources: {
   // それぞれの環境に合わせて設定を記述
   sass: [],
   scss: [],
   less: [],
   stylus: []
  }
}
내 경우 scss 파일을 사용했기 때문에 다음과 같이 변경합니다
export default {
  buildModules: ['@nuxtjs/style-resources'],
  styleResources: {
    scss: [ // scssの変数や、mixin等のファイル名を記述
       '~assets/scss/variables.scss',
       '~assets/scss/mixin.scss',
       '~assets/scss/style.scss',
      ]
  }
}

build 시 vuetify-module 오류 발생


이렇게 하면 개발 환경에서 특별한 문제가 발생하지 않고 대량으로 읽을 수 있다.
근데 왜 빌드를 못해...
Semicolons aren't allowed in the indented syntaxv-00의 오류이기 때문에 vuetify와 관련된 오류가 발생한 것 같습니다.

해결 방법


누군가가 완전히 같은 현상을 만났기 때문에 참고해 보았다.
https://github.com/nuxt-community/vuetify-module/issues/82
화제의 발전에 따라 일단 node_모듈을 삭제하고 다시 설치하는 것이 좋습니다.

node_모듈 삭제 및 재설치


시도하다node_modeluesの削除 npm i한번 가보니 순조롭게 해결되었다.막히면 이게 중요한데.

좋은 웹페이지 즐겨찾기