vue 동적 경로 비동기 로 import 구성 요 소 를 불 러 옵 니 다.module 문 제 를 불 러 올 수 없습니다.
webpackEmptyContext (eval at ./src/store/modules sync recursive (0.js:10),
경로 정 보 는 백 엔 드 에서 제 시 됩 니 다.그러면 전단 에 동적 로드 경로 가 필요 합 니 다.또한 component 의 경로 도 백 엔 드 에서 제 시 됩 니 다.그러나 동적 로드 경 로 는 잘못 되 었 습 니 다.
예:
//만약 path='@/views/user'
const com=()=>import(path)//이렇게 하면 오류 가 발생 합 니 다.
const com 2=()=>import('@/views/user')//이렇게 죽은 문자열 을 쓰 면 됩 니 다.
이 유 는 웹 팩,웹 팩 이 es6 동적 으로 import()를 컴 파일 할 때 변 수 를 입력 할 수 없 기 때 문 입 니 다.웹 팩 의 현재 실현 방식 이 완전한 동 태 를 실현 할 수 없 기 때 문 입 니 다.
해결 방법:
문자열 템 플 릿 을 통 해 웹 팩 에 일부 정 보 를 제공 할 수 있 습 니 다.예 를 들 어 import(`@/${path})는 컴 파일 할 때 모든@/views 의 모듈 을 컴 파일 하지만 실행 할 때 path 의 값 을 확인 해 야 불 러 와 게 으 른 로 딩 을 실현 합 니 다.
만약@을 써 서 웹 팩 에 식별 할 수 없다 면,import(`@/views/${path}와 같은 몇 단계 의 경로 가 필요 할 수도 있 습 니 다.
보충 지식:vue 에서 import 로 케 일 로 딩 오류 해결 방법 사용
일반적으로 정상적으로 작 동 하지만 npm run dev 를 실행 할 때 오류 가 발생 합 니 다.
import 는 비동기 참조 구성 요소 에 속 하기 때문에 babel-loader 처리 가 필요 합 니 다.
그래서 저희 가 설치 해 야 돼 요.
npm install babel-plugin-syntax-dynamic-import -D
이것 은 import 비동기 참조 방법 을 컴 파일 하 는 모듈 입 니 다.
그리고...babelrc 에 이 플러그 인 을 도입 합 니 다.
{
“plugin”: [‘syntax-dynamic-import']
}이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
