Vue集成图可视化库@antv/g60时报错：You may need an additional loader to handle the result of these loaders.-CSDN博客

本文链接：https://blog.csdn.net/Brill_y/article/details/147903452

报错

> neo4jvis@0.1.0 serve 
> vue-cli-service serve

 INFO  Starting development server...
98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 error                                                                                                                                                                                        19:40:25

 error  in ./node_modules/@antv/g6/node_modules/@antv/layout/lib/supervisor.js

Module parse failed: Unexpected token (60:46)
File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.       
|       this.proxy = Comlink.wrap(
|       // @ts-ignore
>       new Worker(new URL('./worker.js', import.meta.url), {
|         type: 'module'                                                       
|       }));                                                                   
                                                                               
 @ ./node_modules/@antv/g6/node_modules/@antv/layout/lib/index.js 2:0-29 2:0-29
 @ ./node_modules/@antv/g6/esm/layouts/index.js                                
 @ ./node_modules/@antv/g6/esm/registry/build-in.js                            
 @ ./node_modules/@antv/g6/esm/preset.js                                       
 @ ./node_modules/@antv/g6/esm/index.js
 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/G6.vue?vue&type=script&lang
=js
 @ ./src/components/G6.vue?vue&type=script&lang=js
 @ ./src/components/G6.vue
 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js       
 @ ./src/App.vue?vue&type=script&lang=js
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://10.114.230.114:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js



 WAIT  Compiling...                                                                                                                                                                                                           19:41:08

98% after emitting CopyPlugin

 WARNING  Compiled with 1 warning                                                                                                                                                                                             19:41:09

 warning  in ./node_modules/@antv/component/esm/ui/navigator/index.js

"export '__spreadArray' was not found in 'tslib'


  App running at:                                  
  - Local:   http://localhost:8080/                
  - Network: http://10.114.230.114:8080/           
                                                   
  Note that the development build is not optimized.
  To create a production build, run npm run build.

修改
找到文件@antv/g6/node_modules/@antv/layout/lib/supervisor.js中对应片段

spawnWorker() {
    this.proxy = Comlink.wrap(
    // @ts-ignore
    new Worker(new URL('./worker.js', import.meta.url), { type: 'module' }));
    if (this.running) {
        this.running = false;
        this.execute();
    }
}