未捕获的 DOMException：无法在“WorkerGlobalScope”上执行“importScripts”：“http://localhost:9000/worker-html.js”处的脚本无法加载

Question

我在 Angular 应用程序中使用 Ace Editor。它在这里定义 - https://www.npmjs.com/package/ng2-ace-editor

\n\n

用法：

\n\n

.html

\n\n

<ace-editor id="editor" class="form-control" formControlName="answer" [ngClass]="validateField(\'answer\')" [(text)]="text"></ace-editor>\n

\n\n

.ts

\n\n

ngAfterViewInit(){\n\n    this.editor = ace.edit(\'editor\');\n         ace.config.set(\'basePath\', \'/assets/ui/\');\n         ace.config.set(\'modePath\', \'/assets/ui/\');\n         ace.config.set(\'themePath\', \'/assets/ui/\');\n        ace.config.setModuleUrl(\'ace/mode/php_worker\',\'/assets/ui/worker-php.js\');\n        ace.config.setModuleUrl(\'ace/mode/coffee_worker\',\'/assets/ui/worker-coffee.js\');\n        ace.config.setModuleUrl(\'ace/mode/css_worker\',\'/assets/ui/worker-css.js\');\n        ace.config.setModuleUrl(\'ace/mode/javascript_worker\',\'/assets/ui/worker-javascript.js\');\n        ace.config\n.setModuleUrl(\'ace/mode/html_worker\',\'/assets/ui/worker-html.js\');\n        ace.config.setModuleUrl(\'ace/mode/json_worker\',\'/assets/ui/worker-json.js\');\n        ace.config.setModuleUrl(\'ace/mode/lua_worker\',\'/assets/ui/worker-lua.js\');\n        ace.config.setModuleUrl(\'ace/mode/xml_worker\',\'/assets/ui/worker-xml.js\');\n        ace.config.setModuleUrl(\'ace/mode/xquery_worker\',\'/assets/ui/worker-xquery.js\');\n        this.editor.setTheme(\'ace/theme/eclipse\');\n}\n

\n\n

1）我收到以下错误：

\n\n

blob:http://localhos\xe2\x80\xa699f9-cccd48bdb093:1 Uncaught DOMException: Failed to execute \'importScripts\' on \'WorkerGlobalScope\': The script at \'http://localhost:9000/worker-html.js\' failed to load.\n at blob:http://localhost:9000/9446350d-625c-418b-99f9-cccd48bdb093:1:1

\n\n

为什么是这样？

\n\n

2）我找不到这些工作文件的用途，以及它们是从哪里包含的。

\n

Answer 1

这是针对 React-ace 的，它可能与 Angular 为我修复的有点类似，

<AceEditor
 setOptions={{ useWorker: false }}
 ...props
/>

基本上禁用了serviceWorker。添加webpack-resolver更多的文件和编译时间。这条线索对我帮助很大。