Ace编辑器在Laravel项目中不起作用

Question

我在Laravel项目中使用了Ace editor，但是它却是空白的，而我在Codepen中使用了相同的代码和CDN->此PEN并可以正常工作

JS：

<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.2/ace.js"></script>
var aceCodeEditor = ace.edit("codeEditor");
    aceCodeEditor.setTheme("ace/theme/dracula");
    aceCodeEditor.session.setMode("ace/mode/javascript");
    aceCodeEditor.setValue(`console.log('hello world')`);

HTML：

<div id="codeEditor" class="codeEditor"></div>