首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >我试图用纱线构建一个生产版本,然后得到这个错误:类型错误:属性‘存储’在类型'{}‘上不存在。我该怎么解决?

我试图用纱线构建一个生产版本,然后得到这个错误:类型错误:属性‘存储’在类型'{}‘上不存在。我该怎么解决?
EN

Stack Overflow用户
提问于 2022-10-06 07:08:00
回答 1查看 33关注 0票数 0

因此,错误来自于这个Qwerty组件,给出了错误:类型'{}‘上不存在属性“存储”

代码语言:javascript
代码运行次数:0
运行
复制

从“mobx-react lite”导入{观察者}

导出默认观察者(函数Qwerty({store}) ){

const qwerty = 'qwertyuiop','asdfghjkl','zxcvbnm‘

返回(

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  {qwerty.map((row) => (
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    <div className="flex justify-center">
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
      {row.split('').map((char) => {
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
        const bgColor = store.exactGuesses.includes(char)
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
          ? 'bg-green-400'
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
          : store.inexactGuesses.includes(char)
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
          ? 'bg-yellow-400'
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
          : store.allGuesses.includes(char)
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
          ? 'bg-gray-400'
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
          : 'bg-gray-200'
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
        return (
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
          <div
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
            className={`rounded-m m-px flex h-10 w-10 items-center justify-center uppercase ${bgColor}`}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
          >
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
            {char}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
          </div>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
        )
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
      })}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    </div>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  ))}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
</div>

)

})

代码语言:javascript
代码运行次数:0
运行
复制

带存储的index.tsx页面如下:它还在Qwerty的“”属性上链接了以下bug: type“存储”{类型:{字串;猜测: any[];currentGuess: number;readonly won: boolean;readonly lost: boolean;readonly allGuesses: any;readonly exactGuesses: any;readonly inexactGuesses: any;init():void;submitGuess();handleKeyup(e: any):any;};}‘是不能分配到'IntrinsicAttributes & object’的。在'IntrinsicAttributes &object‘..ts(2332)类型上不存在属性“存储”

代码语言:javascript
代码运行次数:0
运行
复制

从“mobx-react lite”导入{观察者,useLocalObservable }

从“react”导入{ useEffect }

从‘./components/猜测’导入猜测

从“./components/ Qwerty”导入Qwerty

从‘./stores/ PuzzleStore’导入PuzzleStore

导出默认观察者(函数Home() {

useLocalObservable(() => PuzzleStore)

useEffect(() ) => {

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
store.init()
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
window.addEventListener('keyup', store.handleKeyup)
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
return () => {
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  window.removeEventListener('keyup', store.handleKeyup)
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
}

} [])

返回(

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div className="flex h-screen w-screen flex-col items-center justify-center bg-gray-600">
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  <h1 className="text-6xl font-bold uppercase text-transparent bg-clip-text bg-gradient-to-br from-blue-400 to-green-400">Wordle
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  </h1>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  {store.guesses.map((_, i) => (
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    <Guess 
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    key={i}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    word={store.word} 
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    guess={store.guesses[i]} 
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    isGuessed={i < store.currentGuess}/>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  ))}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  {store.won && <h1>You won!</h1>}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  {store.lost && <h1>You lost!</h1>}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  {(store.won || store.lost) && (<button onClick={store.init}>Play Again</button>)}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  <Qwerty store={store}/>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  word: {store.word} <br/>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  guesses: {JSON.stringify(store.guesses)}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
</div>

)

})

代码语言:javascript
代码运行次数:0
运行
复制
EN

回答 1

Stack Overflow用户

发布于 2022-10-06 07:52:41

我更改了代码以包含存储类型,这要感谢文森特。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
export default observer(function Qwerty({store}:any)
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73976095

复制
相关文章
javascript错误类型
作为一个程序员,需要的不仅仅是技术,更是需要在遇到错误的时候对错误的处理能力。就前端而言,技术一直在更新,但是JavaScript中的错误也就是那么几个。掌握不同的报错信息会让你的实际开发事半功倍。
踏浪
2019/07/31
8150
6.1 错误类型
对于小白而言,运行编写的程序遇到报错,往往不知所措,不清楚什么原因造成的。完美的程序是不存在的,程序有异常才是常态,所以遇到缺陷不要慌,找到错误根因解决它就行了。 本节就专门介绍一下编程过程可能遇到的一些错误,如果你能识别这些异常原因并fix,那么你就掌握了异常处理方法。
互联网金融打杂
2022/08/01
1.2K0
6.1 错误类型
Python 错误类型
Python 程序中最常见的错误原因是某个语句不符合规定的用法。这种错误称为语法错误。Python 解释器会立即报告它,通常会附上原因。
很酷的站长
2023/08/15
2220
Python 错误类型
python常见错误类型
ReferenceError 弱引用(weak reference)试图访问一个已经被垃圾回收机制回收了的对象
py3study
2020/01/06
1.7K0
mybatis在sqlserver中报类型转化的错误
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
逝兮诚
2019/10/30
6580
Typescript中类型错误解决方案
error TS2351 解决方案 错误详情 错误TS2351:不能将“new”与类型缺少调用或构造签名的表达式一起使用。 Cannot use 'new' with an expression whose type lacks a call or construct signature. 解决方法 去掉 import 中的 * as 原因 如: import * as Router from 'koa-router'; 解决方法去掉 * as,我们直接导入的第三方库的默认导出属性没有任何*或{}. 原因可
Mr.Teen
2019/07/02
2.9K0
No tests found matching 错误该怎么解决「建议收藏」
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/135424.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/05
1.2K0
No tests found matching 错误该怎么解决「建议收藏」
HTTP状态码503错误该如何监控?怎么解决?
503是一种HTTP状态码。英文名503 Service Unavailable是一种网页状态出错码。是网页程序没有相关的结果后返回的一种状态,这种错误是可以监控的下面给大家推荐一个监控503监控的软件:
it妹
2019/08/16
7.1K0
我在简历上写了这个技术,超级加分!
大家好,我是鱼皮。相信很多后端开发的同学都听说过 “微服务” 这个概念吧。但你知道么?除了微服务外,还有一个后端开发必须要了解的新概念 —— 云原生。简历上如果能提到这个名词,绝对是大大加分的!(前提是你要真的了解哈哈) 云原生可以说是目前最火热的一个技术概念,它改变了我们对开发、部署和操作应用程序的思考方式。 越来越多的编程语言、框架开始拥抱云原生,例如 Spring 推出了面向云原生的技术 Spring Native、RedHat 开源了 Java 云原生服务框架 Quarkus。 越来越多的公司在云中
程序员鱼皮
2023/03/29
1.6K0
我在简历上写了这个技术,超级加分!
我在安装Python库的时候一直出这个错误,尝试了很多方法,怎么破?
前几天在Python星耀群【我喜欢站在一号公路上】问了一个Python库安装的问题,一起来看看吧。
前端皮皮
2023/09/11
1930
我在安装Python库的时候一直出这个错误,尝试了很多方法,怎么破?
JavaScript的类型错误:Illegal invocation
昨一看好像也没什么问题,在IE6~8下运行也没有任何的问题,可是在其它浏览器下就报错了,报了这样一个错:
meteoric
2019/02/25
8.8K1
JavaScript的类型错误:Illegal invocation
PHP错误类型及屏蔽方法
程序只要在运行,就免不了会出现错误,错误很常见,比如Error,Notice,Warning等等。这篇文章具体说一下PHP的错误类型和屏蔽方法。在PHP中,主要有以下3种错误类型。 1. 注意(Notices) 这些都是比较小而且不严重的错误,比如去访问一个未被定义的变量。通常,这类的错误是不提示给用户的,但有时这些错误会影响到运行的结果。 2. 警告(Warnings) 这就是稍微严重一些的错误了,比如想要包含include()一个本身不存在的文件。这样的错误信息会提示给用户,但不会导致程序终止运行。 3
wangxl
2018/03/07
1.6K0
ceph集群警告和错误类型
指标 说明 级别 noscrub flag(s) set 防止集群做清洗操作 full flag(s) set 使集群到达设置的full_ratio值。会导致集群阻止写入操作 nodeep-scrub flag(s) set 防止集群进行深度清洗操作 pause flag(s) set 集群将会阻止读写操作,但不会影响集群的in、out、up或down状态。集群扔保持正常运行,就是客户端无法读写 noup flag(s) set 防止osd进入up状态 nodown flag(s) set 防止
Lucien168
2020/07/20
2.1K0
纠正 | 我在持续交付课程中的授课错误
在DevOps Master中讲持续交付一课,其中讲到发布频率的篇章,中文版里面的翻译是这样的(来源于精益企业):
用户1593318
2019/11/19
1.5K0
反思我在管理中犯过的重大错误
近一年来,我在管理中犯下的2个重要错误。该错误导致团队结构不清晰,骨干核心人员不稳定,易流失。
用户9913368
2022/12/17
1.1K0
反思我在管理中犯过的重大错误
这个技术让我毛骨悚然后背发凉!
是不是足够可以以假乱真了!这样的视频用一款实时视频仿真软件 Face2Face 就可以达到,在软件中输入一个说话的人脸录像,通过算法生成对应的人脸模型,套用这个模型就可以创造 DeepFakes。最恐怖的是,这个逼真的效果看起来毫无违和感。
用户1737318
2019/04/30
1.3K0
这个技术让我毛骨悚然后背发凉!
我的网站被攻击了,我该怎么防护?
如果您的网站已经被攻击,以下是一些建议来加强您的网站安全并保护它免受未来攻击的影响: 保持软件更新:确保您的操作系统、服务器软件、应用程序和插件等软件都是最新版本。更新通常包括修补已知漏洞的补丁。 强密码和多因素认证:使用强密码,并启用多因素身份验证(MFA)来保护您的账户。 防病毒软件和防火墙:使用安全软件来保护您的服务器免受病毒和恶意软件的侵害,并使用防火墙来限制对服务器的访问。 加密:对您的网站上的所有敏感信息进行加密,特别是在数据传输时。可以使用 HTTPS 和 SSL/TLS 证书来保护用户数据和
用户8658949
2023/03/04
6360
SpringMVC提交数据遭遇基础类型和日期类型报400错误解决方法
使用SpringMVC开发的时候,页面如果有日期格式的数据,后台接受也是java.util.Date,则报告400错误 。下面是解决方案的演示示例: 这个是实体类,里面createDate就是java.util.Date类型 1 import java.util.Date; 2 3 public class User { 4 5 private int userId; 6 private String userName; 7 private Date createD
欢醉
2018/01/22
1.3K0
【错误记录】Android 低版本使用分区存储错误 ( 低版本存储不得使用 MediaStore )
Android 10 过渡版本中 , 可以选择使用分区存储方式 , 也可以选择使用之前的存储方式 ;
韩曙亮
2023/03/29
6500
【错误记录】Android 低版本使用分区存储错误 ( 低版本存储不得使用 MediaStore )
点击加载更多

相似问题

我如何解决这个错误:属性'name‘不存在于’从不‘类型上?

15

具有联合类型的扩展接口正在抛出“属性在类型上不存在”错误。怎么解决这个问题?

11

类型'Observable<any>‘不能赋值给类型'void’我该怎么解决这个问题?

228

我该怎么解决这个问题?我试图运行我的django应用程序,并得到了这个错误

13

如何解决我的TypeScript错误:属性‘on’在'void‘类型上不存在

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文