reactjs create-react-app在src文件夾中缺少index.html

Question

我正在使用create-react-app命令創建一個空的應用程序，我在src文件夾中得到了這些文件：

App.css
App.js
App.test.js
index.css
index.js
logo.svg
serviceWorker.js
setupTests.js

通過npm run build ，會在build文件夾中生成index.html 。

我在src文件夾中手動創建了一個，但構建不接受它。

index.js內容是：

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

根本沒有root元素。

我需要在index.html添加一些<script>標簽以包含一些第三方腳本（無法由 nodejs 安裝），我可以在哪里添加它們，因為它不存在於src文件夾中？

Answer 1

您只需檢查根目錄中的公用文件夾。 你會得到你的 index.html 會在那里。 src 文件夾中的 index.js 文件是它們之間的單點連接（公共文件夾中的主 index.html 和 src 文件夾中的所有 Javascript 代碼）。

Answer 2

你應該下載第三方lybrairie並把它里面的公共目錄中，包括一個script中的標簽中index.html文件，該文件是內部public項目的目錄。

create-react-app的配置是使用預先配置好的 webpack 來加載public\\index.html文件作為模板，編譯后的包將被注入到其中。

如果你想使用你在src文件夾中創建的index.html文件，你應該運行npm run eject這會將所有 create-react-app 配置放在你的項目目錄中，你可以對 webpack 配置進行更改文件加載src/index.html文件作為模板，編譯包將被注入到其中。