uni-app 使用vue-cli构建H5项目后，调用api报错 API `getStorageSync` is not yet implemented

uni-app 使用vue-cli构建H5项目后，调用api报错 API getStorageSync is not yet implemented

项目信息 详情
产品分类 uniapp/H5
PC开发环境 Windows
操作系统版本 win10
浏览器平台 Chrome
浏览器版本 88.0.4324.182（正式版本） （64 位）
项目创建方式 CLI
CLI版本号 2.0.0-31220210205004
App下载地址 目前暂未能上线

示例代码：

在任意页面中的控制台调用uni.getStorageSync即可看到报错

操作步骤：

运行npm run build:h5

预期结果：

调用uni.getStorageSync不会报错

实际结果：

调用uni.getStorageSync报错：API `getStorageSync` is not yet implemented

bug描述：


更多关于uni-app 使用vue-cli构建H5项目后，调用api报错 API `getStorageSync` is not yet implemented的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 使用vue-cli构建H5项目后，调用api报错 API `getStorageSync` is not yet implemented的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个报错是因为在H5环境下，uni.getStorageSync方法默认没有实现。在H5平台，uni-app默认使用浏览器的localStorage作为存储方案，但需要通过条件编译或配置来启用。

解决方案有以下两种：

  1. 使用条件编译：
// #ifdef H5
const value = localStorage.getItem('key')
// #endif

// #ifndef H5
const value = uni.getStorageSync('key')
// #endif
  1. 在manifest.json中配置使用浏览器本地存储：
{
  "h5": {
    "storage": {
      "use": "localStorage"
    }
  }
}
回到顶部