关于微信小程序开发的vant2区域列表的错误报告
小程序开发
浏览：788 次
我很久没有更新了。我不能完成这个项目。我只是想在业余时间休息。。
临时更新是因为我今天遇到了vant2插件的问题，这浪费了我整整一个小时…为了记住这个坑，请花点时间记住它。
首先，根据官方原件
全球导入
“usingComponents”：｛“van-area”：“@vant/weapp/area/index”｝
然后直接使用
这里没有问题，但这是真的。然后区域列表出现了问题。我相信，你们所有人在引用这个组件时都不愿意写一堆省市数据，所以有必要导入他的官方数据。我们附上他的官方文件方法：
@VAT/区域数据
万特官方提供了一个默认的省市数据，可以导入。
纱线添加@vant/区域数据
介绍
从“@vant/area data”导入｛areaList｝；页面（｛data:｛areaList，｝，｝）；
这里有个问题。显示MiniProgramError@vant/area数据。我是小白，我的第一反应是woc路径是错误的。经过长时间的改变，我认为这不是真的。这没问题。再一次，我是小白，第二个反应是百度。我找了半个多小时，没有发现有用的东西。然而，努力得到了回报。最终，找到了一种类似的方法。虽然没有解释原因，但也提供了方法。
在下载的区域数据中，我们复制了index.esm。mjs文件，然后对该文件夹进行反向轰炸（删除）。然后我们打开终端并输入
npmiarea-data@3.1.2
安静地等待（这有点慢，反正我等了很长时间）。好的，我们将在节点模块中找到区域数据，将复制的文件粘贴到其中，并将其重命名为xxx。js（我将其更改为data.js）。我记得下载的文件夹似乎也包含数据J。在这里，我们可以将文件夹切回我们的迷你程序_Npm/@vant，然后更改引用路径
从“../../miniprogram_npm/@vant/area data/data”导入｛areaList｝；
在这个时候，不会有错误，唉。所以官方文件可能不太好，这真的很难克服。这是原作者的另一篇文章。毕竟，我见过别人的方法：
