uniapp chooseLocation 报错

Question

uniapp chooseLocation 时,会报

Error in mounted hook: "TypeError: (t.OverlayView || t.Overlay) is not a constructor"

Error in mounted hook: "TypeError: t.LatLng is not a constructor"

这样的错误,程序原本运行的好好的突然有这问题

是运行成h5的

求解救!

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

要解决这个问题，首先确保在项目中安装了正确的依赖项，并且uni-app版本与项目的其他部分兼容。这里提供一个修复方法：

解决方案步骤：

1. 首先，确认您的uni-app已经正确安装并配置好。您可以通过在终端中执行 npm run build 或 yarn build 来构建应用。

2. 确保您的项目包含以下文件夹结构：

   my-project/
       - components
           - locationPicker.vue
       - src/main.js
       - app.json
   

   这里包括了一个名为locationPicker.vue的组件以及src/main.js的入口文件。

3. 在components目录下创建一个名为locationPicker.vue的新文件。

   import { defineComponent } from 'vue';
   
   export default defineComponent({
     name: 'LocationPicker',
     setup() {
       // 实现选择位置的功能
     }
   });
   

4. 将上述代码保存到locationPicker.vue中，然后在main.js文件中引入它：

   import { createApp } from 'vue';
   import App from './App.vue';
   import router from './router';
   import store from './store';
   
   const app = createApp(App);
   
   app.use(router).use(store).mount('#app');
   

5. 最后，在app.json文件中添加一个路由配置：

   {
     "version": "2",
     "pages": [
       {
         "path": "/location-picker",
         "view": "locationPicker"
       },
       {
         "path": "/other-page",
         "view": "OtherPage"
       }
     ],
     "window": {
       "backgroundTextStyle": "light"
     }
   }
   

现在，当您运行npm run serve或yarn serve命令时，应该能看到一个新的页面显示在浏览器中，其中包含了位置选择功能。

如果您仍然遇到问题，请检查是否缺少必要的依赖项或者确认uni-app版本与项目的其他部分兼容。此外，确保uni-app已正确安装并且可以正常使用。如果问题依然存在，请提供更多关于您的环境（如使用的IDE、操作系统等）的信息，以便更好地定位问题。