无法使用MobX在Typescript中找到名称
MobX是一个用于状态管理的JavaScript库，它可以帮助开发者更轻松地管理应用程序的状态。在Typescript中使用MobX时，可能会遇到找不到名称的问题。这个问题通常是由于以下几个原因导致的：
- 缺少类型定义文件：Typescript需要类型定义文件来理解MobX库的类型和接口。如果没有正确安装或配置类型定义文件，Typescript就无法找到名称。解决方法是确保安装了正确的类型定义文件，可以通过运行
npm install --save-dev @types/mobx来安装。 - 缺少引入语句：在使用MobX之前，需要在Typescript文件中引入相应的模块。例如，可以使用
import { observable } from 'mobx'来引入observable函数。如果没有正确引入相关模块，Typescript也会找不到名称。 - 配置错误：有时候，MobX的配置可能会出现问题，导致Typescript无法找到名称。可以检查MobX的配置文件，确保正确配置了相关选项。
总结起来，要在Typescript中使用MobX并解决找不到名称的问题，需要确保正确安装了类型定义文件、正确引入了相关模块，并检查配置是否正确。以下是腾讯云提供的相关产品和产品介绍链接地址：
- 腾讯云云开发：腾讯云云开发是一款面向开发者的云原生全栈化开发平台，提供了丰富的后端云服务和前端开发框架，可以帮助开发者快速构建云端应用。了解更多信息，请访问腾讯云云开发。
- 腾讯云数据库：腾讯云数据库是一种高性能、可扩展的云数据库服务，支持多种数据库引擎，包括关系型数据库和NoSQL数据库。了解更多信息，请访问腾讯云数据库。
- 腾讯云服务器：腾讯云服务器是一种弹性计算服务，提供了可靠、安全的云服务器实例，可以满足不同规模和需求的应用场景。了解更多信息，请访问腾讯云服务器。
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
2回答
我正在尝试用typescript创建-react-app，就像我在开始一个新项目时做的很多次一样。它说我缺少一个模块，所以我更新了我的brew，更新了yarn，更新了节点，我看到了引擎与模块不兼容的问题，但如果删除了所有内容，我也不确定如何更新引擎 stephens-MacBook-Pro:MobX stephen$ yarn create react-app mobx_course --template typescript
yarn create v1.22.10
[1/4] ? Resolving packages...
[2/4] ? Fetching packages...
w
浏览 27提问于2020-11-29得票数 1
我已经安装了它的类型附带的npm模块(react-native-mobx)。以下是node_modules目录中的文件：
注意高亮显示的包含类型的mobx.d.ts文件。我已经安装了typescript 2.2.2。正如我现在所说，类型现在包含在node_modules内的@types文件夹中。在这种情况下，我如何在我的代码中引用这个库并拥有正常的智能？我是否应该在@types内创建一个'react-native-mobx‘文件夹，并将mobx.d.ts复制到其中，并将其名称更改为index.d.ts？
谢谢你的帮助。
浏览 1提问于2017-04-20得票数 1
我无法启动我的应用程序。我不知道我要找的是什么。一切看起来都很好。
一开始，我试着把我的商店从redux改为mobx。我所做的一切主要是关于typescript babel转换等。最终，我的项目已经成功构建。然而，typescript构建不足以启动我的项目。此时此刻，我感到困惑。有什么建议吗？解决方案会更好：))
这是我的package.json
{
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies
浏览 47提问于2020-08-02得票数 0
我正在用MobX和TypeScript编写一个简单的计数商店，因为我对JavaScript有一些问题。这是完整的代码：
import { observable, autorun, computed, action } from "mobx";
class CountStore {
@observable
count: number = 0;
constructor() {
autorun(() => console.log("Count: ", this.count));
}
@computed
get getCoun
浏览 0提问于2019-12-08得票数 0
回答已采纳
我正在尝试将我的TypeScript /create应用程序从MobX 5迁移到MobX 6。在官方迁移指南( )中，他们建议如下：
删除所有装饰器并调用构造函数中的makeObservable，并显式定义使用哪个装饰器应该可以观察到哪个字段。
但他们并没有说如何使用TypeScript应用程序来实现这一目标。给出的例子总是直接使用普通的JavaScript和React.RenderDOM。
下面是一个简化示例的开头--我需要迁移的一个典型类：
@observer
export default class LoginPage extends React.Component<ILogi
浏览 2提问于2021-02-19得票数 4
回答已采纳
我刚刚发现我可以在这个设置中安装TypeScript定义：
这很方便，因为我不需要使用typings或npm来安装这些类型。
但是，tsconfig.json中的哪些设置使WebStorm使用这些定义？在webstorm中下载的这些库实际工作吗？
我还在买Cannot find module react in .tsx
tsconfig.json：
{
"compilerOptions": {
"module": "commonjs",
"target": "es
浏览 7提问于2017-03-03得票数 0
回答已采纳
我不确定这是我使用MobX开发工具的方式的错误，还是我结合使用MobX和typescript的方式的错误，还是MobX开发工具本身的错误。
我的设置是react with MobX和TypeScript以及MobX DevTools -基于Create React应用程序。这个应用程序很像是MobX 10分钟待办事项介绍的复制粘贴，但一旦我尝试用DevTools检查我商店的内容，我就会收到一个错误：
存储的代码如下：
export default class ObservableTodoStore {
@observable
todos: any[] = [];
浏览 1提问于2017-11-03得票数 1
下面是我的代码： import React, {Component} from 'react';
import * as mobx from 'mobx';
import * as mobxReact from 'mobx-react';
import classNames from 'classnames';
import './CssClassApp.css';
@mobxReact.observer
export class CssClassApp extends Component {
@m
浏览 7提问于2019-02-03得票数 2
回答已采纳
1回答
我正在尝试使用库来获取父组件。所以，这是我的代码片段：
import * as React from 'react'
import { inject, observer } from 'mobx-react'
import { IGlobalStateable } from '../../stores/global'
const { withParentSize } = require('@vx/responsive')
interface Props extends IGlobalStateable {
marginBot
浏览 0提问于2018-10-14得票数 1
我读过，它似乎对我不起作用，可能是因为它过时了。
在使用@inject装饰时，我得到以下错误：
./src/index.js
Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the 'decor
浏览 1提问于2018-10-10得票数 0
回答已采纳
我试图通过在一个react typescript应用程序的fetch回调中更改一个可观察到的mobx变量来更新一个react dom，但mobx不会显示任何对变量更改的反应。我这样定义我的变量：
@observable data:any = []
在我的构造函数中，我改变了数据值：
constructor(){
this.data.push(
{
count:0,
dateTime:'2017'
})
this.getData();
浏览 4提问于2018-07-21得票数 0
2回答
对于MobX注释，我遇到了一个奇怪的问题，在结果对象上不存在带注释的@action方法。
如果我的类源代码是以下TypeScript (作为最小示例)：
export class Car {
@observable
public wheels: number = 4;
@action
public selfDestruct() {
this.wheels = 0;
}
}
我引用该方法如下：
const car = new Car();
car.selfDestruct();
我收到一个错误：
Uncaught TypeError: c
浏览 0提问于2018-10-26得票数 1
回答已采纳
1回答
我试图使用的react-components从用户的webId中加载用户的配置文件。我遇到了useLDflex()的问题。问题似乎与React有关，但我无法解决。我的目标是在页面加载时加载用户的配置文件；可以进行任何必要的更改。我正在使用MobX进行状态更改。
下面是代码，下面是编译器/web浏览器中的错误。谢谢。
代码(JSX/JSX/TypeScript)：
import React from 'react'; // 16.14.0
import { observer } from 'mobx-react';
import {
浏览 1提问于2021-03-02得票数 0
回答已采纳
2回答
我正在和Typescript和MobX一起学习React。
我的MobX商店喜欢吹嘘。
store: {
child: {
selected: true,
value: 123
}
}
我的组件是
@inject('store')
@observer
class Display extends React.Component<{store: Object}, {}> {
...
render(){
console.log(this.props.store.child.selected); // true
}
}
我能看到
浏览 0提问于2019-02-01得票数 1
回答已采纳
在网上搜索如何使用与 (使用react)时，所有建议都指出，为了支持装潢师，使用与react重新连接在一起。
然而，我刚刚创建了一个简单的Mobx应用程序，而没有使用react rewire-mobx，我所要做的就是将"experimentalDecorators": true添加到tsconfig.json中。这个应用程序运行良好，我可以使用所有的Mobx装饰器。
所以，我的问题是，如果我不使用react app -rewire-mobx，这会在我进一步开发应用程序的过程中显现出来，我是否错过了一些关键的东西？或者仅仅是为了装饰者的支持？如果TypeScript有一个允许装饰
浏览 0提问于2018-08-31得票数 1
回答已采纳
如何使用ES6 import语句导入非typescript库
import {observable, action, computed, transaction} from "mobx";
和
import lib from "somelib"
浏览 0提问于2016-10-29得票数 0
我正在努力正确地设置我的项目，以摆脱在useStrict(true)中运行时的mobx错误
错误
mobx.module.js:2238 Uncaught (in promise) Error: [mobx] Invariant failed: Since strict-mode is enabled, changing observed observable values outside actions is not allowed. Please wrap the code in an `action` if this change is intended. Tried to modify
浏览 0提问于2017-08-25得票数 1
我正在尝试用TypeScript编写一个React无状态函数组件。请参考下面的代码：
import * as React from 'react';
import {observer} from 'mobx-react';
export interface LinkProps {
view: any;
className: any;
params?: any;
queryParams?: any;
store?: any;
refresh: boolean;
style?: any;
childr
浏览 7提问于2017-12-14得票数 2
回答已采纳
我正在尝试使用mobx和typescript创建一个react应用程序。但它不起作用。 我希望计时器能计时。我看到事件发生并更新计数器。但是组件不是重新渲染的。我做错了什么？ import React from "react";
import { observable, action } from "mobx";
import { observer, inject, Provider } from "mobx-react";
export class TestStore {
@observable timer = 0;
@a
浏览 61提问于2020-10-15得票数 3
回答已采纳
我知道有几个类似的问题已经存在。然而，在对其中许多问题进行了审查之后，我无法找到解决问题的办法。情况如下：
我希望我的ReportStore以数组的形式从服务器获取数据，并将它们存储在一个可观察到的地图中。取取部分正常，数据正确显示。当我试图将值写入requestNewReports方法中的可观测映射时，就会出现这个问题。以下是商店代码：
ReportStore.ts
import api from "../api";
import { observable, action, ObservableMap } from "mobx";
import { IRepo
浏览 1提问于2020-01-25得票数 2
回答已采纳
一些类型记录警告我使用typescript@3.5.2 react@16.8 mobx-react@6 mobx@5
子功能分量
import { observer as HooksObserver } from 'mobx-react-lite';
const TicketForm: React.FC<any> = (props, ref) => {
useImperativeHandle(ref, () => ({
returnDataToParentComp: () => {
console.l
浏览 0提问于2019-08-20得票数 0
回答已采纳
我一直试图得到一个看似简单的例子，但一直未能使用MobX、React、TypeScript和actions。没有严格，一切正常，但我宁愿使用严格的模式。
我得到的错误是：
Uncaught Error: [mobx] Since strict-mode is enabled, changing observed observable values outside actions is not allowed. Please wrap the code in an `action` if this change is intended. Tried to modify: AppState@1.t
浏览 2提问于2018-04-19得票数 1
在我看来，我希望使用mobx来保存一个名为掩码的状态，当我使用axios时，这个状态将是真的，当我结束调用时，这个状态将是假的，下面是我的代码。
store.tsx
import { makeAutoObservable, runInAction } from 'mobx';
import axios from 'axios';
class Store {
isHeaderShow = false;
isTabBarShow = false;
isShowingMovies = [];
isShowingMovieIds = [];
willShow
浏览 19提问于2022-03-08得票数 1
回答已采纳
下面的示例使用TypeScript引发错误。
// Parameterized computed views:
// Create computed's and store them in a cache
import { observable } from "mobx"
import { computedFn } from "mobx-utils"
class Todos {
@observable todos = []
getAllTodosByUser = computedFn(function getAllTodosByUser(us
浏览 1提问于2019-12-10得票数 2
回答已采纳
1回答
我在我的react应用程序中使用了很多库。我尝试将代码组织为1个class=1文件。并且因此在每个文件a的标题中具有大量的import语句：
import * as React from 'react';
import { observer } from 'mobx-react';
import { style } from 'typestyle';
import { Spring } from 'react-spring';
import { global } from '../../Model/global';
浏览 1提问于2018-11-09得票数 1
我们使用的是mobx-state-tree库，它包含了相当复杂的TypeScript声明，对我来说很难理解。 无论哪种方式，似乎在TS3.4和3.5之间发生了一些变化，导致了一个奇怪的问题。 ? 我在存储库中准备了一个最小的复制品：https://github.com/FredyC/mobx-state-tree-ts3.5 我意识到这可能是一个非常具体的问题，需要深入研究。我会感谢至少正确的方向，在TS3.5中的变化可能会导致这样的问题。 更新 根据答案https://stackoverflow.com/a/56781615/902813，我调整了代码库中的示例，并得到了类似的错误
浏览 26提问于2019-06-27得票数 1
我正在测试如何使用上下文在反应，但由于某些原因，我不能运行的应用程序，因为我的打字错误，我得到！
代码：
import React from 'react';
import './App.css';
class App extends React.Component {
render() {
return <Toolbar theme="dark" />;
}
}
function Toolbar(props) {
// The Toolbar component must take
浏览 2提问于2020-02-13得票数 0
回答已采纳
1回答
可以在的帮助下修改MobX状态树节点.这通常是很棒的，但是如果您想设置许多不同的属性，例如，如果您有一个表示表单的模型，则会变得非常麻烦。
是否有一种方法可以编写以属性名称和值作为参数的泛型操作，并将属性设置为节点上的值，同时仍然让TypeScript验证参数是否有效？
示例
import { types } from "mobx-state-tree";
const FormModel = types
.model({
email: "",
password: "",
username: ""
浏览 4提问于2020-12-20得票数 0
回答已采纳
2回答
Mobx状态树参考类型和类型记录
、、、、
我正在使用mobx状态树与类型记录在一个反应应用程序。而且，我对类型记录有一个问题，它抱怨mobx类型types.safeReference的类型。当您使用safeReference实际创建模型实例时，模型定义中的.create()类型与它的类型不同。在我的代码中，selectedProduct的类型在productStore中被转换为string | number | undefined | null，但是在模型定义中是IStateTreeNode<...> | undefined | null，这就是为什么我在根存储中出现了一个错误。
这是我的产品商店：
import { ty
浏览 6提问于2021-01-29得票数 7
回答已采纳
最近，我在项目中使用mobx- state -tree来管理状态。由于有多个实体，如工厂、车间、机器等，我在应用程序中创建了多个商店，然后使用ApplicationStore将它们组合在一起。
该结构后面是mobx-state-tree/packages/mst-example-bookshop中的示例。但我不确定这是不是最好的做法，因为我遇到了一些非常令人困惑的问题。
因此，我想知道是否有人可以给我一些其他的例子，我应该如何管理多个商店的建设。我想听听你的意见，非常感谢你的帮助。
浏览 1提问于2018-03-08得票数 2
我正在制作一个样板样本，其中包括：
反应16.x (从create-react-app)Typescript 到Functionalcomponents)
Material-UIMobx-React 通过上下文providers
ESLint
我几乎所有的事情都解决了，但我似乎找不出这个ESLint错误。我有一个像这样的MobX商店提供商
import { useLocalStore } from 'mobx-react';
import React from 'react';
import { StoreType } from '../Type
浏览 6提问于2019-12-13得票数 0
回答已采纳
我有一个react原生应用程序与类型抄本，即不使用世博。在iOS中运行时，我会在启动屏幕后得到以下错误。我知道这可能与react-navigation正在使用react-native-gesture-handler这一事实有关，但我的应用程序中也包含和链接了这一点。这也可能是因为缺少类型记录类型，但是添加@types/react-navigation也没有帮助。
[error][tid:com.facebook.react.JavaScript] TypeError: undefined is not an object (evaluating 'this._callListeners
浏览 0提问于2019-02-22得票数 8
1回答
我有一个使用mobx和装饰器的简单组件，如下所示
import * as React from "react";
import { observer, inject } from "mobx-react/native";
import { Router as ReactRouter, Switch, Route } from "react-router-native";
import Dashboard from "./_dashboard";
import { RouterInterface } from "../sto
浏览 0提问于2017-11-06得票数 9
我使用以下模板：
我在顶层(父级)组件中使用了提供者组件，如下所示：
import { Provider } from 'mobx-react';
import SettingsStore from '../../store/settings';
return (
<Provider store={SettingsStore}>
<View style={[StyleSheet.absoluteFill, styles.center, styles.white, !loading && {justifyCo
浏览 5提问于2021-12-13得票数 0
回答已采纳
我在我的项目中使用了React 17、MobX和Typescript。
在postDetails.tsx文件中，我想显示这篇文章，但我得到了以下错误：
TypeError:无法读取未定义属性的“描述”。
当数据可用时，状态无法更新！
(我刚刚发现我没有收到更新的状态。这意味着我接收到状态的最后一个值。)
我怎样才能解决这个问题？
如果我注释这一行代码，{/* <h1>{(postStore.postDetails.Description)}</h1> */}，您可以看到执行行代码的顺序。这不符合行码的顺序！
import React, { useEf
浏览 6提问于2021-07-05得票数 0
回答已采纳
我已经升级了我的CRA项目，以使用react脚本3.2.0当我运行npm run build时，我得到了“创建一个优化的生产构建.”信息，但后来什么都没发生，它只是永远卡住了。
环境：
节点: v12.13.1
国家预防机制: 6.12.1
项目详细信息：
打字本、scss和scss模块
package.json
"dependencies": {
"@types/jest": "^24.0.11",
"@types/node": "^11.13.4",
&#
浏览 2提问于2019-11-25得票数 4
如何检查当前javascript/typescript对象是否为ObservableArray类型？ 我试着做typeof myObject，但它返回了object。 我使用的是mobx store，store的一个可观察字段有一个数组属性，该属性被解析为ObservableArray。
浏览 32提问于2020-08-14得票数 0
1回答
我正在使用mobx颤振进行状态管理。但是在项目中添加mobx之后，我无法构建生成的文件。并得到错误
Bad state: Unexpected diagnostics:
C:\flutter\bin\cache\dart-sdk\lib\core\uri.dart:3259:39 - Expected an identifier.
[SEVERE] mobx_codegen:mobx_generator on lib/main.dart:
mobx档案:-
import 'package:mobx/mobx.dart';
part 'weather_store.g.d
浏览 1提问于2020-08-15得票数 4
回答已采纳
我的应用程序停止了对可观察的变化的更新，我正疯狂地试图找出原因。下面的代码仅显示屏幕上的“计数器: 5”，尽管控制台显示它正在更新。package.json的相关部分如下：
{
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
},
"dependencies": {
"mobx": "^6.0.4",
"mo
浏览 1提问于2021-01-22得票数 4
回答已采纳
package.json
{
"name": "assignment10",
"version": "0.1.0",
"private": true,
"dependencies": {
"@date-io/date-fns": "^2.10.8",
"@material-ui/core": "^4.11.4",
"@material-ui/pickers": "^3.3.
浏览 7提问于2021-05-13得票数 0
回答已采纳
1回答
在运行npm update时，我收到了应用程序示例登录页面的错误。
npm错误！代码ERESOLVE npm错误！ERESOLVE无法解析依赖树npm！npm错误！同时解析:样例登录页面@1.0.0 npm错误！发现: mobx-react@5.4.4 npm错误！节点模块/mobx-反应npm错误！mobx-react@"5.4.4“来自根项目npm错误！npm错误！无法解决依赖: npm错误！同龄人莫克斯-反应“^4.3.5”从伯尼-核心@0.41.4 npm错误！节点模块/伯尼-核心npm错误！伯尼的同行伯尼-核心@“>=0.24.7”来自伯尼-测试-util@0.35.
浏览 1提问于2021-05-18得票数 0
我尝试使用typescript和webpack 2在我的项目上启用HMR，但每当我进行更改时，我在日志中看到以下输出，并且存储被重置为其原始值(丢弃状态)
index.js:832 MobX Provider: Provided store 'appStore' has changed. Please avoid replacing stores as the change might not propagate to all children
在加载热更新包之后，UI被部分刷新，这是好的和预期的，但由于商店失去了它的状态，UI不是预期的。
在HMR更新期间保持mobx存储状态
浏览 42提问于2017-07-29得票数 1
1回答
我正在尝试使用MobX、TypeScript和react创建一个简单的React应用程序，在这里我将键入一个城市的名称，并且在单击add按钮时，它将用新添加的城市更新UI中的城市列表。
问题是，当我单击带有城市新名称的add按钮时，列表将不会更新。
请帮帮忙
浏览 2提问于2020-02-26得票数 1
1回答
如何为我的流命名？我目前在控制台(使用开发工具)中看到的消息如下：
action '<unnamed flow> - runid: 3 - init'
index.js:1 action '<unnamed flow> - runid: 3 - yield 0'
我的代码(typescript格式)：
fetchMetricData = flow( function * (this: MetricDataStore) {
const responseJson:IMetrics[] = yield Http.post(&#
浏览 1提问于2019-03-05得票数 1
我在Next.js应用程序中使用MobX。问题出在StoreProvider组件中。我按照上的说明操作。问题是
[mobx] The provided value could not be converted into an observable. If you want just create an observable reference to the object use 'observable.box(value)
这是RootStore
// import { firestore } from 'firebase';
import CandidatesStor
浏览 62提问于2020-02-19得票数 0
回答已采纳
1回答
我想使用mobx而不用装饰器。通常我使用mobx包中的decorate，但在这种特殊情况下，我无法找到使其工作的方法。
原始代码：
import { observable } from 'mobx'
import { create, persist } from 'mobx-persist'
class Order {
@persist('object')
@observable
currentOrder = null
}
我试过的是：
import { observable, decorate } from 'mobx&#
浏览 2提问于2018-07-10得票数 4
回答已采纳
1回答
我正在尝试将mobx集成到我的react本机应用程序中，但是有一些问题我认为是因为0.56的本机更新。当我使用存储-支柱或@观察者-装饰器时，会发生错误(请参阅下面的代码)。
错误是：_$$_REQUIRE(..) is not a function
我有最新的反应本机安装(0.56)，并已安装Babel Core 7 (Beta 47)。我也有“@babel/”(v7，Beta 47)。我还测试了安装：“@babel/运行时”(v7，Beta 47)。首先，我安装了babel核心测试版52，但这给了我这个错误：
Property right of AssignmentExpression e
浏览 0提问于2018-07-09得票数 0
我正在将一个商店迁移到TypeScript代码库中的Mobx 6。这个存储是在一个反应性web组件之间共享的，而一个世博会则是一个反应本地组件。
看起来是这样的：
class MyStore {
value: string;
constructor() {
makeObservable(this, {value: observable});
}
}
这对于我的反应性web组件来说很好。
然而，当我在我的世博会中使用它时，我得到了这个错误：
[MobX] Cannot apply 'observable' to 'MyStore@2.value
浏览 11提问于2021-12-09得票数 0
回答已采纳
我试图对React/Mobx代码运行一个简单的Jest测试，它只是呈现一个路由并检查它是否被呈现。我不使用类和Mobx装饰器。在使用Mobx observer函数包装组件的每个地方都会收到一个错误：
const MyComp: React.FC = observer(() => {...})
我的Jest配置：
module.exports = {
"testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js|jsx)$",
"moduleFileExtensions":
浏览 1提问于2020-12-13得票数 2
回答已采纳
我在我的Typescript应用程序中使用Mobx进行持久化，我在商店中有自己的单例类：
export class MyStore {
@observable something;
@observable somethingElse;
}
export myStore:MyStore = new MyStore();
这是在一个文件"data/store/MyStore“中。所以在我的所有组件中，为什么我不能这样做：
import { myStore } from "data/store/MyStore";
我不能直接导入myStore并使用它吗？
为
浏览 0提问于2020-08-12得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
