[Tailwind CSS] 테일윈드 설정 파일(tailwind.config.js)에서 플러그인(Plugin) 추가할 때 "'require' is not defined" 오류가 뜰 때 해결법

테일윈드 설정 파일(tailwind.config.js)에서 플러그인(Plugin) 추가할 때 "'require' is not defined" 오류가 뜰 때 해결법

들어가며

• 테일윈드 설정 파일(@tailwind.config.js@)에서 @require@를 이용하여 플러그인(Plugin)을 추가할 때, @'require' is not defined@ 오류가 발생할 때 해결하는 방법을 정리해본다.

경고 메시지가 발생하는 모습

 

 

방법

• 간단하다. 프로젝트 최상단 경로에 있는 ESLint 설정 파일(@eslint.config.js@)에 다음과 같이 환경 변수(@env@) 조건을 추가해주면 된다.

 

./eslint.config.js

{
    // ...
    env: {
       browser: true,
       node: true,    // 추가
       es6: true
    },
}

 

• 이제 @require@ 관련 오류가 발생하지 않는다.

 

참고 사이트

'require' not define, cannot import plugin to tailwind config · Issue #151 · tailwindlabs/tailwindcss-forms