反应 js 捆绑文件以 header 标签而不是 body 标签呈现答案

【问题标题】：react js bundle files rending in header tag instead of body tag反应 js 捆绑文件以 header 标签而不是 body 标签呈现
【发布时间】：2020-10-21 18:16:11
【问题描述】：

<apex:page standardStylesheets="false" sidebar="false"
       showHeader="false" applyBodyTag="true" applyHtmlTag="false"
       docType="html-5.0" >
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>React in VF</title>
        <apex:stylesheet value="{!$Resource.style}"/>   
    </head>
    <body>
        <div id="root"></div>
    <apex:includeScript value="{!$Resource.reactchunckbundle1}"/>
    <apex:includeScript value="{!$Resource.reactchunckbundle2}"/>
    <apex:includeScript value="{!$Resource.reactchunckbundle3}"/>  
    </body>
    
</html> </apex:page>

source image

因为它在标题标签上显示，我的脚本无法找到 document.getElementById('root')

【问题讨论】：

你能发布一个你的 index.html 文件吗？这可能与它有关。
我正在使用 Visualfoce 页面（类似于 html ）而不是 index.html 来触发我的 reactjs

标签： reactjs salesforce visualforce salesforce-lightning

【解决方案1】：

修复loadOnReady属性

loadOnReady 属性有两个值，即 false 和 true。默认此属性的值为 false。如果此属性的值为 false 然后立即加载脚本。如果此属性的值为 true，则页面准备就绪后，脚本将加载。

例子：

<apex:includeScript value="{!$Resource.reactchunckbundle1}" loadOnReady="true"/>

【讨论】：