반응형
이러한 상대 모듈을 찾을 수 없습니다. vue cli
나의 'App.vue' 스타일은 다음과 같습니다.
<style lang="stylus">
@import "../node_modules/font-awesome/css/font-awesome.css"
@import "~bootstrap-4-grid"
@import "assets/styl/app.styl"
</style>
실행 후
yarn dev
기본 vue-cli 웹 팩 구성에서 다음을 가져옵니다.
These relative modules were not found:
* ../fonts/fontawesome-webfont.eot in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-04c2046b","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/App.vue
* ../fonts/fontawesome-webfont.eot?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-04c2046b","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/App.vue
* ../fonts/fontawesome-webfont.svg?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-04c2046b","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/App.vue
* ../fonts/fontawesome-webfont.ttf?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-04c2046b","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/App.vue
* ../fonts/fontawesome-webfont.woff2?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-04c2046b","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/App.vue
* ../fonts/fontawesome-webfont.woff?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-04c2046b","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./s
누군가 같은 문제에 직면했나요?
치환:
@import "../node_modules/font-awesome/css/font-awesome.css"
다음을 수행합니다.
@import "~font-awesome/css/font-awesome.css"
언급URL : https://stackoverflow.com/questions/47669483/these-relative-modules-were-not-found-vue-cli
반응형
'programing' 카테고리의 다른 글
| Vue에서 전자 이벤트를 사용할 때 __dirname이 정의되지 않은 수정 방법은 무엇입니까? (0) | 2022.08.03 |
|---|---|
| Vue JS에서 키보드 이벤트를 동적으로 할당하는 방법 (0) | 2022.08.03 |
| 왜 이중 간접을 사용하는가?아니면 왜 포인터에 포인터를 사용하는가? (0) | 2022.08.03 |
| ie9+용 vue webpack 2 자동 리픽서 (0) | 2022.08.03 |
| 언제 왜 malloc을 사용합니까? (0) | 2022.08.01 |