• HTML5-indexedDB使用常见错误总结


    indexedDB使用过程中的错误1:

    Failed to execute ‘createObjectStore’ on ‘IDBDatabase’: The database is not running a version change transaction.

    这是由于你在success事件的回调中调用createObjectStore方法,该方法应该在upgradeneeded事件的回调中调用。

    \获取indexedDB对象
    const indexedDB = window.indexedDB || window.webkitIndexedDB || 
    window.mozIndexedDB;
    \打开数据库,在回调中创建store object
    const request = indexedDB.open(DBName, version);
    request.onsuccess = (e) => {
    this.db = e.target.result;
    };
    request.onupgradeneeded = (e) => {
    this.db = e.target.result;
    if(!this.db.objectStoreNames.contains(storeName)){
    this.store = this.db.createObjectStore(storeName, { keyPath: 'key'});
    }


    }
    request.onerror = (e) => {console.log('Can not open indexedDB', e);};

    错误2:

    Failed to exectue ‘transaction’ on ‘IDBDatabase’: One of the specified stores was not found.

    这是因为upgradeneeded事件没有被触发。 
    这里需要注意upgradeneeded事件。首先,根据API,应该在upgradneeded事件的回调函数中调用createObjectStore方法创建store object,不应该在success的回调中,否则会报错。其次,当为open方法传入一个本域没有的数据库名时,会创建相应的数据库,并触发success、upgradeneeded事件,从而创建一个store object。但是,chrome54并不会触发upgradeneeded事件,造成store object不会被创建,后续在store object上创建事务并操作数据时候就会报错。Stackoverflow上提供的解决办法是,在open方法传入第二个参数(与已有version不同,且更大),这样就会触发chrome上的upgradeneeded事件了。不过,每次都需要调用db.version获取当前的版本号。

    另外可能出现的一个错误是:

    Cannot read property ‘createObjectStore’ of undefined

    这是因为indexedDB是异步的,你必须在回调函数中使用createObjectStore方法,即使你把createObjectStore调用写在open函数后面,也无法保证哪个先完成。
    --------------------- 
    作者:柒青衿 
    来源:CSDN 
    原文:https://blog.csdn.net/qiqingjin/article/details/53263261 
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    关于BehaviorEditorPart 不显示的问题(出自msdn)
    webpart msdn 的位置
    Visual Studio 2008 具有一些新的报表功能和改进之处
    .NET Framework 类库
    Reporting Service 安装 及相关问题如:授予的权限不足解决办法
    单服务器部署&&双服务器部署
    Windows Server 2003安装完毕后汉字都为乱码“方框”,配置域控制器
    Dreamweaver MX显示汉字为乱码的解决方法
    名称以无效字符开头。处理资源 'http://localhost/发布了的/Default.aspx' 时出错。第 1 行,位置: 2
    【随感】my feeling about Long Ying
  • 原文地址:https://www.cnblogs.com/BlingSun/p/10056680.html
Copyright © 2020-2023  润新知