Javascript 从index.html调用.js文件（react）
我很难从index.html文件调用我的js脚本。 我猜这是因为我没有像我应该的那样打电话，但我无法在网上找到解决方案 基本上我有一个index.html文件Javascript 从index.html调用.js文件（react）,javascript,html,reactjs,Javascript,Html,Reactjs,我很难从index.html文件调用我的js脚本。 我猜这是因为我没有像我应该的那样打电话，但我无法在网上找到解决方案 基本上我有一个index.html文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div id="root"></div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="root"></div>
<h1>html</h1>
<script src="script.js"></script>
</body>
</html>
html
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<h1>This is my script</h1>
);
从“React”导入React；
从“react dom”导入react dom；
ReactDOM.render(
这是我的剧本
);
（新的反应，尝试在本地运行我的应用程序而不必使用node.js）浏览器不支持导入功能
我认为开发一个没有节点的现代应用程序是不可能的。如果可能的话，它将不会更容易。浏览器不支持导入功能
我认为开发一个没有节点的现代应用程序是不可能的。如果可能的话，它将不会更容易。我认为您只需要使用Babel transpiler将ES6转换为您的浏览器能够理解的javascript版本。这是在浏览器中使用ES6功能的标准方式
许多项目使用Babel作为构建管道的一部分，尽管您也可以在运行时进行转换。官方React文档在其“Hello world”示例中使用。我认为您只需要使用Babel transpiler将ES6转换为您的浏览器能够理解的javascript版本。这是在浏览器中使用ES6功能的标准方式
许多项目使用Babel作为构建管道的一部分，尽管您也可以在运行时进行转换。官方React文档在他们的“Hello world”示例中使用了。如果可以的话，显示的错误是：“未捕获的SyntaxError:意外的令牌导入”，因此您想在纯javascript中运行React代码？不，我简化了代码以尝试隔离我遇到的错误。整个应用程序将使用react-redux。如果它能提供帮助，则显示的错误是：“未捕获的语法错误：意外的令牌导入”，因此您想在纯javascript中运行react代码吗？不，我简化了代码以尝试隔离我遇到的错误。整个应用程序将使用react-redux。是的，我之前看到了一个使用babel的解决方案，但在我第一次尝试时它不起作用，所以我继续。你是说我需要安装（npm安装——保存dev babel preset env），然后在我的脚本代码中使用它，它应该可以在所有浏览器上运行？我不确定这个特定的库（我通常使用Webpack）。我添加了一个指向官方React文档在其示例中使用的浏览器内版本的链接。（它是在运行时编译的，所以对于生产代码来说太慢了）。我会回复我的结果！是的，我之前看到了一个使用巴贝尔的解决方案，但在我第一次尝试时它不起作用，所以我继续前进。你是说我需要安装（npm安装——保存dev babel preset env），然后在我的脚本代码中使用它，它应该可以在所有浏览器上运行？我不确定这个特定的库（我通常使用Webpack）。我添加了一个指向官方React文档在其示例中使用的浏览器内版本的链接。（它是在运行时编译的，所以对于生产代码来说太慢了）。我会回复我的结果！这只是部分正确。有关更多详细信息，请参阅我的答案。@sparketcarp是的。没错。是我对你的答案投了第一票，但在一个文件中编写react应用程序却没有节点和其他功能，这是个糟糕的主意。没错，但这是我发现的唯一一种在本地（仅客户端）运行应用程序而不必启动服务器或任何东西的方法。如果你们对如何做到这一点有任何其他想法，我随时愿意听取他们的意见@佩蒂托姆-斯坦尼斯拉夫提出了一个很好的观点。为什么您只希望它在客户端执行？@petithome node js仅用于开发，然后您将获得编译的静态文件！这只是部分正确。有关更多详细信息，请参阅我的答案。@sparketcarp是的。没错。是我对你的答案投了第一票，但在一个文件中编写react应用程序却没有节点和其他功能，这是个糟糕的主意。没错，但这是我发现的唯一一种在本地（仅客户端）运行应用程序而不必启动服务器或任何东西的方法。如果你们对如何做到这一点有任何其他想法，我随时愿意听取他们的意见@佩蒂托姆-斯坦尼斯拉夫提出了一个很好的观点。为什么您只希望它在客户端执行？@petithome node js仅用于开发，然后您将获得编译的静态文件！