React-native“尝试分配给只读属性”答案

【问题标题】：React-native "Attempted to assign to readonly property"React-native“尝试分配给只读属性”
【发布时间】：2018-12-26 10:02:30
【问题描述】：

我是如何到达这里的（您可以跳到下一段）

最近我选择了 react-native 用于移动开发，这真是太糟糕了，花了 3 个小时在谷歌上搜索解决方案，为什么我的 react-native init 项目甚至无法运行，在降级几个包后，我能够很好地运行这个空白应用程序，但不久之后，我仍然收到似乎不是来自我的代码的错误。所以在开发和冷静的 3 天里，我什么也没看到，但是各种错误，我没有在应用程序上取得进展全部。

我在很长一段时间内无法解决的最新问题：

所以我得到的错误是“尝试分配给只读属性”。现在堆栈跟踪总是指向 node_modules/../ReactNativeRenderer-dev.js

这是我的代码，其中几乎没有任何内容，但仍然重现问题

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Button} from 'react-native';
import { createStackNavigator} from 'react-navigation';
// routes
//import HeaderComp from './src/components/headerComp';
//import NavigatorDiv from './src/router';

class Home extends React.Component{
  render() {
    return <Text> hello this is home </Text>
  }
}

class List extends React.Component{
  render() {
    return <Text> hello this is List </Text>
  }
}

const NavigatorDiv = createStackNavigator({
  Home: {
    screen: Home
  },
  MusicListView: {
    screen: List
  },
}, {
  initialRouteName: 'Home',
});

type Props = {};
export default class App extends React.Component<Props> {
  render() {
    return <NavigatorDiv/>
  }
}

编辑所以看来在 react-native 中修复某些东西的唯一方法是进一步降级，我从 0.56 开始，也许到本周末我会达到第一个 alpha，无论如何，错误已修复，代码运行这个设置很好：反应原生 cli：2.0.1 反应原生：0.50.0

【问题讨论】：

“延迟错误”？错误是“迟缓的”？ ...
看起来可疑的type Props = {}; 是什么，是使用打字稿吗？ - 另外，既然你有import { Component } from 'react'，你不需要做class extends React.Component，你可以做class extends Component
@duxfox-- 看起来像 Flow。
我知道 React.Component 是多余的，但我也知道这不是导致问题的原因，但无论如何感谢您指出，键入 Props = {};项目初始化时在那里。删除它仍然没有解决问题..
@DaveNewton 是的，我提到了来自 react-native 本身而不是来自我的代码的错误，例如“无法设置未定义的属性 _currentValue”，然后指向 node_modules 中的某个位置。

标签： javascript reactjs react-native

【解决方案1】：

就我而言；我主要在一个项目中使用 npm 并且不小心执行了一个 yarn 命令。通过深入研究，我观察到了两个锁定文件。删除 yarn-lock.json 对我有用。

【讨论】：