vue 项目 ES6 语法导入问题

[ShihanW]

请求大家一个问题，我的一个 vue 项目，api 文件夹包含多个接口文件，统一用 index.js 以 export * from './子文件.js'的语法导出，但是在 vue 组件里用 import {某接口函数} from ‘@/api/index.js'导入却报错了，错误如下图

在子文件里，每个接口函数都 export 了，这个问题已经谷歌，了解到是 babel 有问题，前端新手对它不太了解，没找到解决方案，所以在这里问问 V 友。

辅助信息： OS: mac arm vue: 3.2.13, node: 18.14.2 开发依赖包版本:

    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-plugin-unit-jest": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "@vue/test-utils": "^2.0.0-0",
    "@vue/vue3-jest": "^27.0.0-alpha.1",
    "axios": "^0.27.2",
    "babel-jest": "^27.0.6",
    "element-plus": "^2.2.15",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3",
    "jest": "^27.0.5",
    "svg-sprite-loader": "^6.0.11"

index.js 文件

export * from './blog.js'
……
export * from './draft.js'

blog.js

export const blogGetAll = data =>
  request({
    url: '/api/blog/all',
    method: 'post',
    data,
  });

[yanyiming]

开发环境还是生产环境? 感觉是 webpack 打包的问题. 把报错信息前面的箭头点开看看.

[lynan]

考虑 import {某接口函数} 先于 声明 index.js 的情况导致
比如你的组件导入/渲染优先于你的接口 index.js 文件导入
如
import 组件 from 'path';
import '/index.js';

[ShihanW]

@yanyiming 点了错误信息展示更多

[ShihanW]

@lynan
@yanyiming
这个组件是在路由里导入的，和这个有关系吗，之前这么写是可以运行的，后面我想做单元测试，就用 vue add test-utils 语句新增测试插件，然后就不能正常运行。