ΠΡΠΈΠ±ΠΊΠΈ ΠΏΡΠΈ ΠΈΠΌΠΏΠΎΡΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ΅ΠΆΠΈΠΌΠΎΠ²
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 }}
/>
ΠΠΎΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠΉ ΠΆΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ
import AceEditor from "react-ace"
import "ace-builds/src-noconflict/mode-javascript"
import "ace-builds/src-noconflict/theme-monokai"
//...
<AceEditor
name="Ace-editor"
mode="javascript"
fontSize={15}
wrapEnabled={true}
value={beautify(JSON.stringify(state.stepDetails))}
theme="monokai"
onChange={handleSchemaChange}
enableBasicAutocompletion={true}
enableLiveAutocompletion={true}
editorProps={{ $blockScrolling: true }}
/>
ΠΡΠΎ Π±ΡΠ»ΠΎ ΡΠ΅ΡΠ΅Π½ΠΎ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ Π΄ΠΎΠ±Π°Π²ΠΈΠ» import "ace-builds/webpack-resolver"
Π‘ΠΌ. Https://github.com/securingsincity/react-ace/issues/725#issuecomment -543109155
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ @ pi0neerpat !
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
Π Π΅ΡΠ΅Π½ΠΈΠ΅:
ΠΡΠΎ Π±ΡΠ»ΠΎ ΡΠ΅ΡΠ΅Π½ΠΎ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ Π΄ΠΎΠ±Π°Π²ΠΈΠ»
import "ace-builds/webpack-resolver"
Π‘ΠΌ. Https://github.com/securingsincity/react-ace/issues/725#issuecomment -543109155