Isomorphically / universally rendered. Gaps in React 15 applications with Cloudflare HTTP Proxy (Orange Cloud)

I have an isomorphic / universal React application, which means that it appears on the server in the same JS as the SinglePage client application.

I configure this DNS application using Cloudflare and use the orange cloud feature to speed up and protect my website traffic, as explained in the following graph and in my support article :

Orange Cloud: Records displaying the orange cloud icon are accelerated and protected by Cloudflare .: Records displaying the gray cloud icon will bypass Cloudflare using only Cloudflare DNS

From a related article: "Cloudflare can operate in two modes: only DNS (" opaque "," gray cloud ") and as an HTTP proxy server (" orange cloud ") with our security, CDN and performance features."

I found that launching my application using the HTTP Proxy 15 and Cloudflare Orange Cloud features results in an error:

responseProdInvariant.js: 31 Unused error: Minified React error # 32; visit http://facebook.imtqy.com/react/docs/error-decoder.html?invariant=32&args[{=2 for a complete post, or use a thumbnail-free environment for a complete error and additional helpful warnings.

Error related text:

Unable to find item with id 2.

This identifier probably refers to headmy page tag :

<!doctype html>
<html lang="en-us" data-reactroot="" data-reactid="1" data-react-checksum="-1233854461"><head data-reactid="2">...

I do not get this problem with React 14.

I DO NOT get this error when using the source, non-DNS-ed address of my application, and do not get it when I switch to the gray cloud to use Cloudflare as the only DNS service.

, .


google "" , Github, , - .

: " ", style, head.


google "" , Github, , - - Cloudflare HTTP. : " CloudFlare, HTML".

, . , Cloudflare HTTP-, .


:

  • ?
  • , " "?
  • HTTP- Cloudflare?
+4
1

HTML, . React HTML- JS-: , DOM React, . , HTML - React React , React.

Cloudflare, HTML "" HTML-, . , , - HTML-. , . React HTML, <!-- empty -->, React null. , .

Cloudflare - - . , . . HTML , , , , , , HTML .

, - HTML Cloudflare.

+6

Source: https://habr.com/ru/post/1678509/


All Articles