Как обработать ошибку - «Не удалось получить» в приложении React на codesandbox - PullRequest
1 голос
/ 25 марта 2020

Я создаю собственный календарь событий Component для моей Йоги App на codesandbox. На самом деле я собирался сделать это на своем IDE, но мысль начала быстро набирать обороты, и в итоге я его использовал.

Я пытался получить width и height от <div/> используя ref={(el) => this.props.testing((this.container = el)), затем пытаясь получить доступ к dims на componentDidMount(), очень похоже на это решение.

Внезапно я начал получать следующую ошибку на codesandbox:

TypeError

Failed to fetch

This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.
This error overlay is powered by `react-error-overlay` used in `create-react-app`.

и на консоли:

Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID

(index):1 Uncaught (in promise) TypeError: Failed to fetch

(index):1 Access to fetch at 'https://codesandbox.io/api/v1/sandboxes/wm1dl/cache' from origin
'https://wm1dl.codesandbox.io' has been blocked by CORS policy: Response to preflight request
doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the
requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors'
to fetch the resource with CORS disabled.

codesandbox.io/api/v1/sandboxes/wm1dl/cache:1 Failed to load resource: net::ERR_FAILED

Я попытался проверить свою сеть и другие вещи , но я не знаю, как это нормализовать.

Мне нужно нормализовать это или, по крайней мере, быть уверенным, что я могу безопасно копировать / фиксировать свои файлы в github, а затем использовать его в своей IDE.

вот моя песочница

1 Ответ

1 голос
/ 25 марта 2020

Очевидно, что многие из нас получают эту проблему. это должно go исчезнуть в конце концов ..

Это не Blocker, хотя. Вы можете просто закрыть модальный. просто так

enter image description here

...