Vue项目mock数据获取不到报错TypeError：（0，_panel.default）is not a function

最新推荐文章于 2024-05-03 21:53:44 发布
最新推荐文章于 2024-05-03 21:53:44 发布
阅读量1.6w 收藏 7
点赞数 11
分类专栏： Vue学习笔记 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuyang_z/article/details/97417772
版权

这里用mock模拟后台数据，但是怎么也展示不了，查看了api和mock文件的url是匹配的，api中的函数名在import的时候都是对的，但还是报如下错误，报的错误中_panel.default中panel是文件名。

 找了半天的错误，发现是引用api函数的花括号没写,这里的getCardList要用花括号括起来（下面是需要用到mock数据的页面panelinfo.vue）

 查看api文件夹下的panel.vue文件，这里函数getCardList是明确声明的，在明确声明了命名导出后，那么在另一个js中使用{}引用模块时，import时的模块命名是有意义的（其实就是说，这个函数是明确声明了命名导出，那么另一个文件中import的时候，要用{}括起来并且名字要一致）

查看了原因，发现是自己ES6的语法不熟练

如果这里是export default，则在import函数的时候可以任意命名，所以不需要花括号{}

可参考使用ES6模块化的import特性时，如何正确使用花括号'{ }'

星星，就酱
关注
  • 11
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
详解Vue.js搭建路由报错 router.map is not a function
10-19
然而，有时候在搭建Vue Router时可能会遇到"router.map is not a function"这样的错误，这通常是由于版本不兼容或者使用方法不当导致的。 **错误分析：** 在Vue Router的早期版本（例如1.0.x）中，`router.map`是...
vuex 解决报错this.$store.commit is not a function的方法
10-17
当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。 首先，我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save...
vue3+vite+mock模拟数据，使用插件vite-plugin-mock踩坑
insist_life的博客
08-04 2941
解决办法：在上述的问题文件中加上两句话即可，让vite识别require。3、在项目根目录下创建mock文件夹，并创建文件index.ts。2、在vite.confog.ts中进行配置。4、在src/main.ts中引入mock文件。（1）定义API方法。
TypeError: (0 , _index.genCompid) is not a function
gay
06-28 2202
最近把没有写好的项目，继续完善，从git上拉下，运行的时候就报这样的错误，最后在网上有人说是版本问题，于是就试着更新一下，结果就行了。 更新 Taro CLI 工具 $ taro update self 更新项目中 Taro 相关的依赖 $ taro update project ...
正确解决TypeError: xxx is not a function异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 8351
正确解决TypeError: xxx is not a function异常的有效解决方法
mock数据始终获取不到，获取API，使用vuex
curry_zhao的博客
05-16 2297
获取API时，需要触发，自己把它给删了。
Uncaught TypeError: (0,_request_WEBPACK_IMPORTED_MODULE_0__.default)is not afunction
lwj1372391870的博客
06-26 9668
模块暴露错误导致报错
TypeError: (0 , _Api_GetRequest_js__WEBPACK_IMPORTED_MODULE_0__.default) is not a function
me_reader的博客
05-30 3087
[Vue warn]: Error in created hook: "TypeError: (0 , _Api_GetRequest_js__WEBPACK_IMPORTED_MODULE_0__.default) is not a function" found in ---> <HotsaleComponent> <OppoShop> at src/views/OPPOshop.vue <MainPage> at src/...
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
Cannot find module ‘mock.js‘（vue项目）
weixin_57124513的博客
05-16 1450
在终端cd 到你所建mock文件夹下，输入 node textMock回车运行；若终端输入以下结果即安装成功。VS code 编译器中：直接点击查看-终端。在此目录下重新npm install mockjs即可。npm install mockjs后提示Cannot find module 'mock.js'（若不存在 ，点击下方链接直接另存至vue项目的src目录下即可）1. package.json 中查看是否存在mockjs。2.src 文件下是否存在mock.js 文件。4. 检验是否安装成功。
jsonp多次请求报错 not a function的解决方法
ajfpck0369的博客
04-10 414
项目中涉及到地图的update，即移动地图过程中，不断获取新范围图片造成的jsonp多次请求问题; jsonP多次请求问题，报错: not a function 问题：多次请求同一id的图片时，发生并发。 1.初步 方法：ajax请求前添加数组判断，若请求已经发出，就不再发出 问题：还是有可能并发，即id数组判断还没完成，又有新的判断出现...
TypeError: (0 , _request.request) is not a function
JoursDeComa的博客
12-07 433
导出方式为export default全局导出。但是引入的时候 添加了括号。
Unhandled promise rejection TypeError: (0 , _request.request) is not a functio
it_bird1999的博客
11-22 5190
引入封装的http请求报错 原因：import引入错误 我的导出方式为export default全局导出 但是我引入时：添加了括号，这是export导出时配对的引入方式 重点：通过export方式导出，在导入时要加{ }，export default则不需要 解决：去掉括号 ...
微信小程序，import引入错误：(0 , _index.request) is not a function
Mr___YangYang的博客
08-22 2662
export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export deault命令只能使用一次。所以，import命令后面才不用加大括号，相反其它的export 输出 可以有多个，且import时必须加大括号。而通过import { xxx } from "…"引入的，{ xxx }只是导出项的名字，而并非导入时的名字。通过import xxx from "…"引入的，xxx已经是默认导出项的别名了。所以导入方法的时候，方法应该用大括号括起来；
vue中报错 Error in created hook: “TypeError: (0 , _user.default) is not a function“
weixin_50261167的博客
12-07 6047
vue中报错，Error in created hook: "TypeError: (0 , _user.default) is not a function"，漏加大括号导致
TypeError: (0 , _login.default) is not a function报错
热门推荐
NOIJY7的博客
03-06 1万+
写项目的时候遇到这个报错，文件引用路径都没啥问题。后来发现是引用函数的花括号没写。 自己 ES6语法 不熟练，找到原因
ESLint 报错 TypeError: (0 , _login.default) is not a function
票票的博客
09-23 3490
可能出现的原因是 文件引用路径有问题 文件引入但没有使用 文件错误的格式引入
问题解决：TypeError: ‘Mock‘ object is not subscriptable
公子聪的博客
12-31 1112
解决了一个python单元测试中遇到的问题：TypeError: ‘Mock‘ object is not subscriptable ...
uni-app运行出现TypeError: (0 , _shop.default) is not a function报错的解决方式
小杨的博客
11-24 3668
import的格式写错了，导入方法的时候，方法应该用大括号括起来；导入组件时则不需要，例如。
我在第三步 传递给vue的时候报错 TypeError: Object(...) is not a function
07-27
如果你在将 Pinia 实例传递给 Vue 的 `createApp` 方法时遇到了 "TypeError: Object(...) is not a function" 错误，这可能是由于导入的 `createPinia` 函数出现了问题。 请确保你正确导入了 `createPinia` 函数，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值