请求大家一个问题,我的一个 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,
});
1
yanyiming 109 天前
开发环境还是生产环境? 感觉是 webpack 打包的问题. 把报错信息前面的箭头点开看看.
|
2
lynan 108 天前
考虑 import {某接口函数} 先于 声明 index.js 的情况导致
比如你的组件导入/渲染优先于你的接口 index.js 文件导入 如 import 组件 from 'path'; import '/index.js'; |