文本,Pinia的使用,(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件

简介: 文本,Pinia的使用,(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件

今天在使用Pinia的使用时,碰到了一个bug:

(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore) is not a function TypeError: (0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore) is not a function at eval (webpack-internal:///./src/utils/request.js:17:85) at async Axios.request (webpack-internal:///./node_modules/axios/lib/core/Axios.js:50:14) at async login (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/testLogin.vue?vue&type=script&setup=true&lang=js:23:20) at Axios.request (webpack-internal:///./node_modules/axios/lib/core/Axios.js:54:41) at async login (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/testLogin.vue?vue&type=script&setup=true&lang=js:23:20)

解释:

(0,_ stores _ token _ js _ _ web pack _ IMPORTED _ MODULE _ 1 _ _)。useTokenStore)不是函数 类型错误:(0,_ stores _ token _ js _ _ web pack _ IMPORTED _ MODULE _ 1 _ _。useTokenStore)不是函数 评估时(webpack-internal:///)。/src/utils/request.js:17:85) at async axios . request(web pack-internal:///)。/node _ modules/axios/lib/core/axios . js:50:14 异步登录时(webpack-internal:///。/node _ modules/babel-loader/lib/index . js??clonedRuleSet-40 . use【0】!。/node _ modules/vue-loader/dist/index . js??规则集【0】。使用【0】!。/src/views/testLogin.vue?vue & type = script & setup = true & lang = js:23:20) 位于axios . request(web pack-internal:///)。/node _ modules/axios/lib/core/axios . js:54:41) 异步登录时(webpack-internal:///。/node _ modules/babel-loader/lib/index . js??clonedRuleSet-40 . use【0】!。/node _ modules/vue-loader/dist/index . js??规则集【0】。使用【0】!。/src/views/testLogin.vue?vue & type = script & setup = true & lang = js:23:20)

这里表示,useTokenStore不是函数,问题应该出在useTokenStore当中

这里检验是否安装了pinia,安装了

移除值,修改值

引入pinia,没有出现错

这里看到了user.js接口中必须用引入store.js

也可以使用添加拦截器的写法:

这时候就不用写import了

但是仍然出现错误:

之后的解决方法是到CSDN上查:

(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_3__.useTokenStore) is not a function

这里出现在request.js中,可能是后端端口写错了

最后锁定在import 导入store文件当中

最后解决方案:

(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_3__.useTokenStore) is not a f


相关文章
|
1月前
|
JavaScript 前端开发 内存技术
js文件的入口代码及需要入口代码的原因
js文件的入口代码及需要入口代码的原因
34 0
|
1月前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
44 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
29天前
|
JSON 前端开发 API
使用微信JS-SDK调用发票接口的完整开发指南
本文介绍了如何使用微信JS-SDK的`chooseInvoiceTitle`接口来调用微信的发票功能。通过微信发票接口,用户可以选择开具个人或单位发票,并获取相关发票信息,如抬头、税号、公司地址等。在文中,详细描述了JS-SDK的初始化、发票接口的调用方式,并提供了完整的代码示例。文章还介绍了如何处理返回的发票信息,帮助开发者快速集成微信发票功能。
70 2
|
2月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
75 2
前端JS读取文件内容并展示到页面上
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
混淆指定js文件
【9月更文挑战第26天】JavaScript 混淆旨在保护代码知识产权、减小文件体积和提高安全性。方法包括变量名和函数名混淆、代码压缩、控制流平坦化及字符串加密。常用工具如 UglifyJS 和 JScrambler 可实现这些功能。然而,混淆可能带来兼容性和调试困难等问题,需谨慎使用并确保法律合规。
|
27天前
|
JSON 前端开发 JavaScript
webpack如何支持多种类型的文件和转换需求
【10月更文挑战第13天】webpack如何支持多种类型的文件和转换需求
|
28天前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
129 0
|
2月前
|
移动开发 JavaScript 前端开发
js之操作文件| 12-5
js之操作文件| 12-5
|
1月前
|
JavaScript
js 特殊文本的判断
js 特殊文本的判断
38 0
|
2月前
|
JavaScript
webpack打包TS
webpack打包TS
131 60