vue3 Ts 引入axios报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined

最新推荐文章于 2024-07-03 15:32:26 发布

小小码农D

最新推荐文章于 2024-07-03 15:32:26 发布

阅读量3.5k

点赞数 3

分类专栏： vue疑难杂症文章标签： vue typescript 前端 javascript vue.js

本文链接：https://blog.csdn.net/yutianguoban/article/details/115196685

版权

在Vue3项目中使用TypeScript和axios时遇到'Cannot read property 'use' of undefined'的错误。原因是Vue3不再提供全局Vue对象，需通过app.config.globalProperties扩展全局方法。解决方法是使用`createApp(App).use(axios)`。文章详细介绍了问题原因及解决步骤，并给出了相关代码示例。

摘要由CSDN通过智能技术生成

使用vue cli4 里面的插件安装axios报错

serve 输出报错信息

console控制台输出报错信息

vue3.0没有全局的vue对象需要使用app.config.globalProperties 去扩展全局方法

然后createApp(App).use(axios) 使用

serve 输出报错信息

 WARN  
Couldn't parse bundle asset "D:\工作\logsystem\dist\js\about.js".
Analyzer will use module sizes from stats file.


 warning  in ./src/plugins/axios.js

"export 'default' (imported as 'Vue') was not found in 'vue'

console控制台输出报错信息

Uncaught TypeError: Cannot read property 'use' of undefined
    at eval (axios.js?be3b:59)
    at Module../src/plugins/axios.js (app.js:1229)
    at __webpack_require__ (app.js:854)
    at fn (app.js:151)
    at eval (main.ts:10)
    at Module../src/main.ts (app.js:1217)
    at __webpack_require__ (app.js:854)
    at fn (app.js:151)
    at Object.1 (app.js:1290)
    at __webpack_require__ (app.js:854)

原因是因为我是使用vue3.0 TS t创建的项目，而引入的axios库是使用vue2.0开发的一套组件库，所以存在兼容性问题。

如何解决这个