html - 为 React + Nodejs / Express 更改 id="root" 的文件位置

Question

我有一个html 登陆页面，我希望用户登陆他们在我的网站上键入的内容。唯一的问题是当我命名它时index.html，反应中断。

在我的登录页面中放置一个id="root" 只会导致反应加载其所有组件并且它变得非常混乱。

我尝试重命名原始 index.html：

index.html <== Vanilla HTML landing page

react.html <== React/Bundle

然后在server.js我有以下代码：

app.use(express.static(path.join(__dirname, "client/build")));

app.use('*', function(req, resp) {
    resp.sendFile('./client/public/react.html');
  });

在其当前状态下，react 中断并出现错误：“目标容器不是 DOM 元素。”

标签： htmlnode.jsreactjsexpressreact-router

Answer 1

删除 index.html 中引用 bundle.js 的脚本标记。

将该脚本标签添加到您的 react.html。