uni-app中报 Uncaught TypeError: Cannot read properties of undefined (reading ‘localStorage‘)

最新推荐文章于 2025-06-16 16:12:35 发布

原创最新推荐文章于 2025-06-16 16:12:35 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #vue.js #javascript

uni-app 专栏收录该内容

5 篇文章

订阅专栏

在基座调试uni-app时，使用window.localStorage.getItem(token)报错。原因是uni-app不支持直接使用localStorage。解决方案是安装mp-storage，然后在vue.config.js中配置webpack，使用ProvidePlugin将localStorage指向mp-storage，从而解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

今天在基座调试中发现一个问题，在这里记录一下
我这里是使用了window.localStorage.getItem("token")函数来获取token，本地调试时是没有问题的，但是在基座调试中就报了这个错。
在这里插入图片描述
原因可能是因为uni-app中不能直接使用localStorage。

解决方案

1.安装mp-storage

npm install mp-storage

在这里插入图片描述
2. 安装localStorage

npm install localStorage

在这里插入图片描述
3. 配置vue.config.js

module.exports = {
	configureWebpack:{
		plugins: [
      new webpack.ProvidePlugin({
        'localStorage': ['mp-storage','localStorage'],
        'window.localStorage': ['mp-storage', 'localStorage']
      })
		]
	}
}