反應組件未在 django 索引 html 模板中呈現

Question

索引 html：

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Babon</title>
</head>
<body>
  <div id="App">
      <!-- React will load here -->
  </div>
</body>
{% load static %}
<script src="{% static 'frontend/main.js' %}"></script>
</html>

索引.tsx：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

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

當我運行我的服務器時，我可以看到 div 正在呈現“React 將在此處加載”消息，但我的組件似乎沒有呈現。

有任何想法嗎？

在控制台中出現此錯誤：

index.tsx:4 Uncaught Error: Cannot find module './App'
    at webpackMissingModule (index.tsx:4)
    at eval (index.tsx:4)
    at Object../src/index.tsx (main.js:19)
    at __webpack_require__ (main.js:133)
    at main.js:156
    at main.js:158

也許這是我的 tsx 文件被正確編譯的問題？

Answer 1

您應該在 index.tsx 的同一目錄中有一個名為 App.tsx 的文件，這樣您就可以在索引文件的頂部配置調用。

import App from './App';

反應組件未在 django 索引 html 模板中呈現

問題描述

1 個解決方案

解決方案1
0 2022-01-12 12:53:29

反應組件未在 django 索引 html 模板中呈現

問題描述

1 個解決方案

解決方案1 0 2022-01-12 12:53:29

解決方案1
0 2022-01-12 12:53:29