使用ace-editor 编辑器,代码校验,出现了下面代码错误
DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope'
解决方案
this.userWorker=true; //打开语法校验
let path = window.origin + '/worker-javascript.js'
//path 这个文件在启动服务后,需要你直接在浏览器里面能访问到,否则任然报错
if (this.userWorker) {
ace.config.setModuleUrl('ace/mode/javascript_worker', path)
}
this.aceEditor = ace.edit(this.$refs['editor'], {
userWorker: this.userWorker,
fontSize: 12, // 编辑器内字体大小
tabSize: 2, // 制表符设置为2个空格大小
highlightActiveLine: true,
})
然后你在控制台里面可以看到
blob:http://localhost:8080/88dfef8c-95c7-4712-b884-59cb0b89bb5d
importScripts('http://localhost:8080/worker-javascript.js');
保证这个http://localhost:8080/worker-javascript.js 可以正常访问