필드 브라우저에 유효한 별칭 구성이 없습니다.

코드를 컴파일하는 동안 Field ‘browser’에 유효한 별칭 구성 오류가 포함되지 않은 경우 이 팁과 요령을 확인하여 문제를 해결하세요. Webpack을 사용하든 Webpack2를 사용하든 이 오류는 둘 다에 나타날 수 있습니다. 또한 솔루션 세트는 Webpack의 두 버전에서 동일합니다.

필드 브라우저에 유효한 별칭 구성이 없습니다.

필드 브라우저에 유효한 별칭 구성 오류가 포함되어 있지 않은 문제를 해결하려면 다음 단계를 따르십시오.

1. 철자 오류 확인
2. 가져오기 경로 확인
3. 별칭에서 오류 찾기
4. 구문 확인

이러한 단계에 대해 자세히 알아보려면 계속 읽으십시오.

1] 철자 오류 확인

Webpack에서 코드를 컴파일하는 동안 필드 브라우저에 유효한 별칭 구성 오류가 포함되어 있지 않습니다. 어떤 언어를 사용하든 스펠링이 조금이라도 틀리면 작동하지 않고 이렇게 작동합니다. export default config 를 입력하여 변경 사항을 저장하려고 해도 올바른 명령어를 입력해야 합니다. 그렇지 않으면 앞서 말했듯이 오류가 발생합니다.

2] 가져오기 경로 확인

대부분의 경우 가져오는 동안 사용자에게 이 오류가 발생했습니다. 가져올 때 올바른 경로를 입력하기만 하면 됩니다. 또한 올바른 명령을 사용해야 합니다. 그 외에도 경로 앞에 ./ 를 입력해야 합니다. 즉, 다음과 같이 가져오기 명령을 입력하면 다음과 같습니다.

import DoISuportIt from 'path'

작동하지 않습니다. 오른쪽 명령은 다음과 같습니다.

import DoISuportIt from './path'

즉, 이 솔루션은 첫 번째 솔루션만큼 중요합니다. 모든 입력 실수는 확실히 유효하지 않은 별칭 구성 오류를 일으킬 것입니다.

3] 별칭에서 오류 찾기

하나의 파일에 전체 웹 애플리케이션을 작성하는 것은 실용적이지 않으며 불가능에 가깝습니다. 이것이 사람들이 별칭을 사용하는 이유입니다. 이 기능을 처음 사용하는 경우 별칭이 상호 링크처럼 작동한다는 것을 알아야 합니다. 별칭을 사용하는 경우 별칭이 구성 파일에 이미 있는지 확인해야 합니다. 예를 들어 현재 스크립트에서 JS 모듈을 사용하려면 JS 모듈이 이미 있는지 확인해야 합니다. 나중에 같은 이름으로 생성할 생각을 하면 앞서 언급한 오류가 발생하지 않고 현재 코드를 컴파일할 수 없습니다.

4] 구문 확인

때로는 올바른 구문을 사용하는 것이 매우 중요합니다. 그렇기 때문에 코드에서 사용했거나 사용할 구문을 확인해야 합니다. 편지의 경우에도 위에서 언급한 오류가 발생할 수 있습니다. 즉, 케이스가 수도에 있는 경우 스크립트 전체에서 동일한 것을 사용해야 하며 그 반대의 경우도 마찬가지입니다.

Webpack에서 모듈을 찾을 수 없음 오류를 수정하는 방법은 무엇입니까?

Webpack에서 모듈을 찾을 수 없음 오류 를 수정하려면 모듈 경로를 확인해야 합니다. import 명령 을 사용하여 모듈을 가져올 때 나타납니다 . 앞서 말했듯이 오타를 확인하고 명령을 세밀하게 확인하는 것이 좋습니다. 한 가지 기억해야 할 점 은 가져오기 경로를 사용 하려면 ./ 를 사용해야 한다는 것입니다.

Webpack에서 확장 오류를 수정하는 방법은 무엇입니까?

Webpack은 올바른 별칭 없이 코드를 컴파일하려고 할 때 확장 오류를 표시하지 않습니다. 즉, 모듈 경로를 확인하고, 입력 오류를 확인하는 등의 작업을 수행해야 합니다. 가장 중요한 것은 구문 대/소문자를 확인하고 별칭을 확인해야 합니다.

그게 다야! 이 가이드가 도움이 되었기를 바랍니다.