[error] Uncaught ReferenceError: DOMPurify is not defined

young·2022년 7월 26일
0

error note

목록 보기
2/3

바닐라js환경,
script.js에서 data.js를 불러오고 script.js를 entry로 설정하여 번들링 중이었다.
data.js를 모듈화했는데도 화면에 렌더링 하는 과정에서 콘솔에러가 났다.

Uncaught ReferenceError: DOMPurify is not defined
    at eval (data.js:793:17)
    at Array.map (<anonymous>)
    at eval (data.js:789:3)
    at ./data.js (38132871f8446cdb60c9.bundle.js:18:1)
    at __webpack_require__ (38132871f8446cdb60c9.bundle.js:63:41)
    at eval (script.js:1:36)
    at ./script.js (38132871f8446cdb60c9.bundle.js:39:1)
    at __webpack_require__ (38132871f8446cdb60c9.bundle.js:63:41)
    at 38132871f8446cdb60c9.bundle.js:86:37
    at 38132871f8446cdb60c9.bundle.js:88:12

DOMPurify가 필요하다고 해석했고 $ npm install dompurify로 설치했다.

그리고 data.js 내부에서
const { sanitize } = require('dompurify');로 불러와주고,
DOMpurify.sanitize()라고 되어있던 부분을 sanitize()로 변경해주었다.

profile
즐겁게 공부하고 꾸준히 기록하는 나의 프론트엔드 공부일지

0개의 댓글