Vue项目踩坑之Vue中出现TypeError: Object(...) is not a function的情况

133 阅读1分钟

TypeError: Object(...) is not a function

为什么会有这样的问题

当你的Vue版本和Vue-Router的版本不兼容就会出现这样的情况

  1. 如你在使用 Vue 3 安装 Vue router 3 或者在低版本Vue使用高版本Vue-Router时就会出现此问题,因此您应该卸载当前版本:
npm uninstall vue-router --save

并通过以下方式安装新的

1. npm install vue-router@版本号

2.引入的资源是不是直接引用了默认的default模块,而自己想引用其中的某一个模块

//错误
import getProductDetails from "@/api/products"

//正确
import { getProductDetails } from "@/api/products"

我的问题是在Vue2中使用了Vue-Router@4.0

把Vue-Router版本降到@3.0就好了,我用的是@3.4.8版本