文本,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天前
|
JSON JavaScript 前端开发
若依修改,若依如何发送get和post请求,发送数据请求的写法,若依请求的API在src的api文件下,建立请求的第一步,在API中新建一个文件,第二步新建JavaScript文件
若依修改,若依如何发送get和post请求,发送数据请求的写法,若依请求的API在src的api文件下,建立请求的第一步,在API中新建一个文件,第二步新建JavaScript文件
|
2天前
|
JavaScript
js中readAsDataURL的意思,可以用于浏览器预览图像文件或者转成base64字符串
js中readAsDataURL的意思,可以用于浏览器预览图像文件或者转成base64字符串
js中readAsDataURL的意思,可以用于浏览器预览图像文件或者转成base64字符串
|
1天前
|
NoSQL 前端开发 测试技术
若依修改,若依如何发送请求---王清江07,axios的请求在request.js文件中,若依发送GET请求,必须用param
若依修改,若依如何发送请求---王清江07,axios的请求在request.js文件中,若依发送GET请求,必须用param
若依修改-------控制若依重定向的路径,控制路径重定向的写法路径在,在permission.js文件中控制重定向
若依修改-------控制若依重定向的路径,控制路径重定向的写法路径在,在permission.js文件中控制重定向
|
1天前
|
前端开发 NoSQL JavaScript
若依修改---重新部署项目注意事项,新文件初始化需要修改的地方,打包后的文件很难进行修改,如果想要不断修改项目,注意保存原项目,才可以不断修改,前端:在Vue.config.js文件中修改target
若依修改---重新部署项目注意事项,新文件初始化需要修改的地方,打包后的文件很难进行修改,如果想要不断修改项目,注意保存原项目,才可以不断修改,前端:在Vue.config.js文件中修改target
|
1天前
|
前端开发 JavaScript Linux
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
|
2月前
|
JavaScript 前端开发
webpack成长指北第9章---webpack如何对icon字体进行打包
webpack成长指北第9章---webpack如何对icon字体进行打包
59 1
|
2月前
|
前端开发 JavaScript
webpack成长指北第7章---webpack的css\less\scss样式打包
webpack成长指北第7章---webpack的css\less\scss样式打包
57 0
|
2月前
|
前端开发 JavaScript
webpack成长指北第8章---webpack的CSS Modules打包
webpack成长指北第8章---webpack的CSS Modules打包
35 0
|
2月前
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
185 0