使用vue3+ts搭建的项目,准备引入vant4,但是在根据vant的文档进行引入的时候,页面报错,具体情况如下:
1、官方的引入教程:
2、本人代码:
import { Cell } from "vant";
import "./index.less";
const PREFIX = "frontendKnowledge-main";
export default defineComponent({
name: PREFIX,
// components: { Button },
props: {
channelId: {
type: String,
},
},
setup(prop) {
const STORE = useStore();
const ROUTE = useRoute();
const ROUTER = useRouter();
const STATE = reactive({
title: PREFIX,
});
return () => <Cell title="单元格" value="内容" />;
},
});
3、引入后的报错:
报错来源来自vant组件自身使用的版本是4.0.11和4.0.10都是如此,请问这个原因是为什么,如何解决?
我使用的依赖版本:
"vant": "^4.0.10",
"vue": "^3.0.0",
根据报错信息,第二行是
useRoute
文件中抛出的,你是否设置了按需加载了?如果没有,代码中的useRoute
、useRouter
、useStore
、reactive
还是需要在头部引入