'import.meta' 메타 속성은 '--module' 옵션이 'es2020', 'esnext' 또는 'system'.ts(1343)인 경우에만 허용됩니다.

'import.meta' 메타 속성은 '--module' 옵션이 'es2020', 'esnext' 또는 'system'.ts(1343)인 경우에만 허용됩니다.

import.meta.url을 사용하려고 할 때 "'import.meta' 메타 속성은 '--module' 옵션이 'es2020', 'esnext' 또는 'system'.ts(1343)일 때만 허용됩니다."라는 메시지가 계속 표시됩니다.예, 메시지에 제시된 대로 tsconfig를 구성했습니다(3가지 옵션 모두 사용해 보십시오).

React, Typescript 및 Parcel 2를 사용하여 자산 폴더에서 동적으로 이미지를 로드하려고 합니다.인터넷에서 해결책을 찾고 유형 스크립트에서 유형을 병합하고 보강하는 방법을 읽었지만 제대로 작동하지 않는 것 같습니다.

VSCode를 사용하고 있으며 유형 스크립트 구성의 모듈 설정이 'es2020', 'es2022', 'esnext', 'system', 'node12' 또는 'nodenext'로 설정되어 있는 경우

그런 다음 유형의 스크립트 서버를 다시 시작해 보십시오.가장 빠른 방법은 (ctrl+shift+p)를 누르고 재시작 유형 스크립트 서버를 선택하는 것입니다.사진 첨부.

// tsconfig.json
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    ...

다음을 생성하는 프로젝트를 시작할 때 대/소문자 구분 문제를 발견했습니다.jsconfig.json및/또는tsconfig.json널 위해서.

소스의 기본 구성 값은 다음과 같습니다.target로 설정한.ESNext하지만 사실은 그래야 합니다.esnext소문자

제가 알기로는module하기로 되어 있는ESNext이 구성에 대한 값으로 (접두사 포함)이 괜찮은 것 같습니까?

선택한 IDE가 구성 변경 사항을 확인할 때까지 IDE를 탐색해야 할 수도 있습니다.

값을 만든 후 오류가 사라졌습니다.target모든 제안된 값을 확인한 후에 모두 소문자로 표시된 값도 소문자입니다.

언급URL : https://stackoverflow.com/questions/69716191/the-import-meta-meta-property-is-only-allowed-when-the-module-option-is-e