首页 > 解决方案 > 反应未在 atom-live-server 上加载

问题描述

刚刚开始使用 React,我正在构建一些非常简单的东西来验证一切是否正常。我有以下内容:

import React from "react"
import ReactDOM from "react-dom"

const element = <h1>Hi there!!!!</h1>
ReactDOM.render(element, document.getElementById("root"));
body { }
<html lang="en">
  <head>
    <title>Hey!</title>
  </head>
  <body>
    <div id='root'></div>
    <h1>Hi</h1>
    <script src="index.pack.js"></script>
  </body>
</html>

我正在使用 live-server 从 atom 运行这一切,我可以看到标题和标题,但是带有 react 的 js 脚本没有加载。我用开发者工具检查,控制台没有报任何错误,网络选项卡没有4XX或5XX代码。我发现潜在的错误可能是代码片段工具中的“未捕获的语法错误:无法在模块外使用导入语句”。尝试了很多东西,但不确定如何解决。

我可能遗漏了一些东西,但不确定是什么。有任何想法吗?

标签: javascripthtmlreactjsatom-liveserver

解决方案


推荐阅读