Javascript 本地存储不能保存所有内容

我正在尝试使用本地存储在redux中保存特定状态，这样客户端就不必每次调用axios来填充数据库。然而，每次似乎只有71%的给定数据库保存在本地存储中，我不知道为什么会发生这种情况

这是我的本地存储代码（使用Dan教程中的代码）

开设店铺

const persistedState = loadState();
const createStoreWithMiddleware = applyMiddleware(promise)(createStore);
const store = createStoreWithMiddleware(reducers, persistedState);

store.subscribe(()=>{
    saveState({
        pokemons: store.getState().pokemons
    });
});

组件应该查找当前pokemon阵列的长度，以确定是否需要进行更多axios调用

componentDidMount(){
    let promises = [];
    for(var i = this.props.pokemons.length; i < 10; i++){
        promises.push(this.props.fetchPokemons(i));
    }
    axios.all(promises).then(()=>{
        this.props.mapPokemons(this.props.pokemons);
        this.setState({
            loading: false
        })
    })
}

componentDidMount（）{
让承诺=[]；
for（var i=this.props.pokemons.length；i<10；i++）{
promises.push（this.props.fetchPokemons（i））；
}
axios.all（承诺）。然后（（）=>{
this.props.mappemons（this.props.pokemons）；
这是我的国家({
加载：错误
})
})
}

每次刷新页面时，this.props.pokemons似乎只保存71%的数据。即使我清除本地存储并再次尝试填充redux状态，刷新页面时也只有71%的数据在那里

任何帮助都将不胜感激

---

谢谢

可能您正在尝试存储的数据超过了本地存储的最大可用内存，例如，对于Google Chrome，。

您要放入存储库的数据大小是多少？因为如果大小大于5MB，则只会存储5MB。

您尝试存储的大小？数据有多大？本地存储有限制。但如果超过了存储容量，我希望您会收到存储异常。具体的设备/浏览器是什么？这是手机吗？我正在从Pokeapi保存30个pokemon数据。我不认为应该超过5MB，但我不完全确定。我使用的浏览器是桌面上的谷歌浏览器。

componentDidMount(){
    let promises = [];
    for(var i = this.props.pokemons.length; i < 10; i++){
        promises.push(this.props.fetchPokemons(i));
    }
    axios.all(promises).then(()=>{
        this.props.mapPokemons(this.props.pokemons);
        this.setState({
            loading: false
        })
    })
}