Error after importing itk-wasm

When I import itk-wasm my vue project reports an error!
import { readImageDICOMArrayBufferSeries } from 'itk-wasm'
The error is reported as follows
ERROR Failed to compile with 4 errors 16:34:04

error in ./node_modules/itk-wasm/dist/core/internal/createWebWorkerPromise.js

Module parse failed: E:\Desktop\structure_report_byHMRRC_VUE\node_modules\itk-wasm\dist\core\internal\createWebWorkerPromise.js Unexpected token (34:82)
You may need an appropriate loader to handle this file type.
| // adds worker dynamic import support:
| // https://bugzilla.mozilla.org/show_bug.cgi?id=1540913
| worker = new Worker(new URL('../../web-workers/pipeline.worker.js', import.meta.url));
| }
| else {

@ ./node_modules/itk-wasm/dist/io/readImageArrayBuffer.js 1:0-80
@ ./node_modules/itk-wasm/dist/io/browser/index.js
@ ./node_modules/itk-wasm/dist/index.js
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/modules/generator/biao.vue
@ ./src/views/modules/generator/biao.vue
@ ./src/views ^\.\/.*\.vue$
@ ./src/router/import-development.js
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://127.0.0.1:8001 webpack/hot/dev-server babel-polyfill ./src/main.js

error in ./node_modules/itk-wasm/dist/core/internal/loadEmscriptenModuleNode.js

Module parse failed: E:\Desktop\structure_report_byHMRRC_VUE\node_modules\itk-wasm\dist\core\internal\loadEmscriptenModuleNode.js Unexpected token (6:37)
You may need an appropriate loader to handle this file type.
| import { dirname } from 'path';
| import { createRequire } from 'module';
| globalThis.__dirname = dirname(import.meta.url);
| globalThis.require = createRequire(import.meta.url);
| async function loadEmscriptenModuleNode(modulePath) {

@ ./node_modules/itk-wasm/dist/pipeline/runPipelineNode.js 1:0-80
@ ./node_modules/itk-wasm/dist/pipeline/node/index.js
@ ./node_modules/itk-wasm/dist/index.js
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/modules/generator/biao.vue
@ ./src/views/modules/generator/biao.vue
@ ./src/views ^\.\/.*\.vue$
@ ./src/router/import-development.js
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://127.0.0.1:8001 webpack/hot/dev-server babel-polyfill ./src/main.js

error in ./node_modules/itk-wasm/dist/io/internal/findLocalImageIOPath.js

Module parse failed: E:\Desktop\structure_report_byHMRRC_VUE\node_modules\itk-wasm\dist\io\internal\findLocalImageIOPath.js Unexpected token (4:54)
You may need an appropriate loader to handle this file type.
| import localPathRelativeToModule from './localPathRelativeToModule.js';
@ ./node_modules/itk-wasm/dist/io/polyDataToMeshNode.js 2:0-68
@ ./node_modules/itk-wasm/dist/io/node/index.js
@ ./node_modules/itk-wasm/dist/index.js
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/modules/generator/biao.vue
@ ./src/views/modules/generator/biao.vue
@ ./src/views ^\.\/.*\.vue$
@ ./src/router/import-development.js
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://127.0.0.1:8001 webpack/hot/dev-server babel-polyfill ./src/main.js