문제

여러 모드를 가져올 때 오류가 발생했습니다.

a8a2cc68-d2aa-4415-8e0e-e9de7978ead3:1 Refused to execute script from 'http://localhost:3000/worker-css.js' because its MIME type ('text/html') is not executable.
(anonymous) @ a8a2cc68-d2aa-4415-8e0e-e9de7978ead3:1
a8a2cc68-d2aa-4415-8e0e-e9de7978ead3:1 Uncaught DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'http://localhost:3000/worker-css.js' failed to load.
    at blob:http://localhost:3000/a8a2cc68-d2aa-4415-8e0e-e9de7978ead3:1:1

이 오류는 아무 것도 망치지 않으며 모든 것이 작동하며 모드를 성공적으로 변경합니다.
사용자에게 다양한 모드(css, javascript, python 등)를 선택할 수 있는 기능을 제공하고 있습니다. 따라서 사용자가 선택기 목록에서 요청한 내용을 기반으로 프로그래밍 방식으로 모드를 가져오고 있습니다.

문제를 재현하기 위한 샘플 코드

// This runs whenever a new mode is selected by the user
    const handleModeChange = (event) => {
      var currentMode = event.target.value;
      require(`ace-builds/src-noconflict/mode-${currentMode}`)
      setState({...state, currentMode})
    }


            <AceEditor
              mode={state.currentMode}
              width="100%"
              theme="twilight"
              value={state.code}
              onChange={onChange}
              name="code_editor"
              editorProps={{ $blockScrolling: true }}
            />