ReactJS 不加載 index.html 文件

Question

在瀏覽多個 DOC 時，我了解到index.html文件是 React 應用程序的入口點，我們加載的所有組件都會覆蓋該文件。 但是，如果我對 index.html 文件進行更改，則該文件不會反映在 web 頁面中。 我正在努力集成 Zoom SDK，它需要在 index.html 中包含腳本標簽，否則 JQuery 錯誤將拋出到控制台。

我的 public/index.html 文件的內容：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.7.0/css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.7.0/css/react-select.css" />
    <title>React App</title>
  </head>
  <body>
    <noscript>
      You need to enable JavaScript to run this app.
    </noscript>
    <div id="root"></div>

<script src="https://source.zoom.us/1.7.2/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/1.7.2/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/1.7.2/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/1.7.2/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/1.7.2/lib/vendor/jquery.min.js"></script>
<script src="https://source.zoom.us/1.7.2/lib/vendor/lodash.min.js"></script>
<script src="https://source.zoom.us/zoom-meeting-1.7.2.min.js"></script>
    
  </body>
</html>

我的 index.js 配置：

import React from 'react';
import ReactDOM from 'react-dom';
import {
  Redirect,
  HashRouter as Router,
  Route,
  Switch
} from 'react-router-dom';
import { Provider } from 'react-redux';
import { setStore } from './store/base';

import configureStore from './store/configureStore';
import './App.scss';
import MeetingRoom from './containers/MeetingRoom/MeetingRoom';


export const store = configureStore({});
setStore(store);

const routes = (
  <Provider store={store}>
    <Router>
      <Switch>  
         <Route component={MeetingRoom} path='/m/:mid/' />
      </Switch>
    </Router>
  </Provider>
);

ReactDOM.render(routes, document.getElementById('root'));

如果我要更改<noscript>標記內的文本，即You need to enable JavaScript to run this app. 到其他一些字符串，但它沒有反映在 web 頁面中。 所以我無法弄清楚我的 index.html 是如何加載的。 為了獲得解決方案，我還需要提供任何其他信息嗎？

Answer 1

HTML noscript 元素定義了 HTML 的一部分，如果頁面上的腳本類型不受支持或瀏覽器中的腳本當前已關閉，則要插入該部分。 在 div 元素中添加一些字符串以在網頁上查看

ReactJS 不加載 index.html 文件

問題描述

1 個解決方案

解決方案1
0 2020-08-04 12:30:38

ReactJS 不加載 index.html 文件

問題描述

1 個解決方案

解決方案1 0 2020-08-04 12:30:38

解決方案1
0 2020-08-04 12:30:38