[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 syntax
v-00의 오류이기 때문에 vuetify와 관련된 오류가 발생한 것 같습니다.해결 방법
누군가가 완전히 같은 현상을 만났기 때문에 참고해 보았다.
https://github.com/nuxt-community/vuetify-module/issues/82
화제의 발전에 따라 일단 node_모듈을 삭제하고 다시 설치하는 것이 좋습니다.
node_모듈 삭제 및 재설치
시도하다
node_modeluesの削除
npm i
한번 가보니 순조롭게 해결되었다.막히면 이게 중요한데.Reference
이 문제에 관하여([nuxt] [style-resources] "Semicolons aren't allowed in the indented syntax가 나타납니다. 이런 오류는build할 수 없습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/bbapexx/items/251cc58aa8f0b882c1a1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)