728x90
728x90
테일윈드 설정 파일(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
What version of tailwindcss/forms are you using? 10.2.3 What version of Node.js are you using? v20.9.0 What browser are you using? Edge What operating system are you using? Windows Reproduction re...
github.com
728x90
728x90
'Framework > Tailwind CSS' 카테고리의 다른 글
[Tailwind CSS] sr-only 클래스 (0) | 2024.11.05 |
---|---|
[Tailwind CSS] asChild 속성 (0) | 2024.10.21 |
[Tailwind CSS] shadcn/ui (0) | 2024.10.20 |
[Tailwind CSS] daisyUI 테마 설정하기 (0) | 2024.10.01 |
[Tailwind CSS] daisyUI (1) | 2024.09.29 |
[Tailwind CSS] 자주 사용되는 테일윈드 CSS 클래스 정리 (0) | 2024.09.27 |
[Tailwind CSS] Tailwind CSS (0) | 2024.09.27 |
[Tailwind CSS] whitespace-pre-wrap 클래스 (0) | 2024.06.02 |