라이브러리

[VueQuill] quill Overwriting modules/imageUploader with class

킹king 2023. 2. 28. 11:26
반응형

 

vue3에서 쓰는 에디터인데 module을 붙이는 과정에서 위와 같은 경고창이 자꾸 뜸. 에러는 아니다만 거슬려서 한참을 찾아서 겨우 없앴는데 문제는 다른 에러([Violation] Added synchronous DOM mutation listener to a 'DOMNodeInserted' event. Consider using MutationObserver to make the page more responsive.)가 생기긴함.. 아직 방법 못찾음..

 

1. debug 값 변경

import { QuillEditor } from "@vueup/vue-quill";

QuillEditor.props.globalOptions.default = () => {
  return {debug: 'error'}
};

https://vueup.github.io/vue-quill/guide/options.html

 

VueQuill

VueQuill Rich Text Editor for Vue 3

vueup.github.io

 

참고로 아래와 같은 방법은 안통했음(처음엔 되는줄 알았는데 몇번 새로고침하거나 해당 페이지 들어가면 overwrite 에러뜸)

// 1. 바로 기입
<QuillEditor debug="error" v-model:content="textarea" />

// 2. 변수로 대입
var q = {debug: 'error'};
<QuillEditor debug="q.debug" v-model:content="textarea" />

 

 

참고로 debug값으로는 warn(기본), log, info, error가 있음. true, flase를 쓰면 아예 로그값을 전달 하고/안한다는데 나는 안되서 'error'로 썼음

https://quilljs.com/docs/api/#debug

 

모든 게시물(특히 과거 게시물)은 잘못된 방법으로 처리한것을 좋다고 써놨을 수 있습니다. 참고만 하시고 틀린게 있다면 댓글 남겨주세요~