vue 에서 mint-ui 보고 css 오류 해결 방법 설정
그러나 package.json 에 css-loader style-loader 가 설정 되 어 있 습 니 다.webpack.config 에 도 css 가 설정 되 어 있 습 니까?아니면 이 오 류 를 보고 하 는 것 입 니까?반대로 webpack.config 에 있 는 css 설정 설명 을 없 애 면 오류 가 발생 하지 않 습 니 다.왜 일 까요?
웹 팩.config 에 css 가 도입 한 디 렉 터 리 가 설정 되 어 있 지 않 기 때 문 입 니 다.기본 적 인 상황 에서 우 리 는/src/디 렉 터 리 에 있 는 css 만 도입 하지만 mint-ui 는 nodemodules 디 렉 터 리 가 도입 되 었 기 때문에 webpack.config 에 css 설정 을 추가 합 니 다.
{
test: /\.css$/,
include: [
/src/,
'/node_modules/mint-ui/lib/' //
],
loader: "style!css"
},
물론,.babelrc 에 서 는 이렇게 설정 해 야 합 니 다:
{
"presets": [
"es2015","stage-0"
],
"plugins": [
["component", [
{
"libraryName": "mint-ui",
"style": true
}
]]
]
}
es6 가 es5 로 전 의 된 플러그 인 이 모두 설치 되 어 있 는 지 확인 하려 면,webpack.config 에서 전체 설정:
웹 팩.config 에 presets:['es 2015']가 설정 되 어 있 지 않 으 면 import 의 오 류 를 보고 합 니 다.
이 오 류 는 바로 es6 의 문법 전의 실패 로 인 한 것 이다.
주:웹 팩.config 의 설정 은 웹 팩 버 전에 따라 버 전 설정 방법 이 다 릅 니 다.웹 팩 1.0 버 전 을 사용 합 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.