Question

此问题特定于codesandbox.io ，因为我已将代码拖到本地计算机上，而未在此处遇到此问题。

在codesandbox中，我经常遇到以下错误，这意味着如果我在本地处理相同的代码，我会错过更具体的错误。

A cross-origin error was thrown. React doesn't have access to the actual error object in development. ...

这意味着很难在codeandbox中进行故障排除，导致我将开发转移到我的本地计算机上，我没有得到此错误，并且错误是特定于实际错误的。

这是其他人遇到的问题，但是我没有在任何地方看到与codeandbox.io相关的任何解决方案。

下面是导致此问题的典型错字示例，如果在本地处理相同的代码，则会收到更具体的消息。

import React from 'react';
import ReactDOM from 'react-dom'
import isEqual from "lodash.isequal";

class Card extends React.Component {
render(){
  console.log(this.props.data.cards.url)
  return (
    <div className="green container">

    <a  className="white-text " href={this.props.link}>{this.props.title}</a>
    {/* deliberate error below */}
 <p>{this.props.data.cards[4].title}</p>
    </div>

  )
}
}

export default Card;

错误是由此行引起的

{this.props.data.cards [4] .title}

，因为数组中没有5个条目。

也可以在https://codesandbox.io/s/sad-sun-z7zpf?fontsize=14&hidenavigation=1&theme=dark

的codeandbox上看到它

在codeandbox.io中运行相同的代码会产生跨源错误，但不在本地运行时不会发生

0 个答案: