巴别出现意外错误，找不到解决方法
我正在尝试运行一个JSX代码，但是得到了这个错误。我确实安装了npm安装-g babel-cli npm安装--save babel-preset-env babel-preset-react，但我仍然得到错误。
这是我的代码index.html
<html>
<body>
<div id="appRoot"></div>
<script src="https://unpkg.com/react@16.0.0/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.production.min.js"></script>
<script src="scripts/app.js" type="text/jsx"></script>
</body>
</html>
src/app.js->JSX代码
console.log("App.js is running");
const appRoot = document.querySelector("#appRoot");
const template = <p>This is a JSX code!</p>;
ReactDOM.render(template, appRoot);
babel命令->将JSX转换为ES5的babel命令
babel src/app.js --out-file=public/scripts/app.js --preset=env,react -watch
错误
subhro@subhro-X550LD:~/React-Project$ babel src/app.js --out-file=public/scripts/app.js --preset=env,react -watch
SyntaxError: src/app.js: Unexpected token (4:17)
2 |
3 | const appRoot = document.querySelector("#appRoot");
> 4 | const template = <p>This is a JSX code!</p>;
| ^
5 |
6 | ReactDOM.render(template, appRoot);
共有1个答案
您有错误：
预置=>预置
Babel src/app.js--out-file=public/scripts/app.js--presets=env,react-watch
-
本文向大家介绍Python出现segfault错误解决方法，包括了Python出现segfault错误解决方法的使用技巧和注意事项，需要的朋友参考一下 本文分析了Python出现segfault错误解决方法。分享给大家供大家参考，具体如下： 最近python程序在运行过程中偶尔会引发系统segfault的错误，而且是在不定期不同代码段时发生的，所以单步调试没办法确定是哪一行代码的问题。 段错误，
-
当我试图将一个项目翻译成Spring Boot时，我遇到了一个错误——我无法理解我做错了什么。将后缀和前缀添加到属性文件中，试图更改jsp的位置，debager显示在控制器的方法中。我做错了什么？如果有任何帮助，我将不胜感激 错误： 此应用程序没有针对/错误的显式映射，因此您将其视为回退。 2018年7月17日星期二00:45:23出现意外错误（类型=未找到，状态=404）/批准jsp Sprin
-
问题内容： 我收到以下解析错误： 解析错误：语法错误，第7行的H：\ Programs \ USBWebserver v8.5 \ 8.5 \ root \ oopforum \ func \ register.class.php中出现语法错误，意外的’（’，期望的’，’或’;’ 这与我的课程中的以下代码行有关： 我看不到为什么这行代码会导致解析错误？ 这是一些周围的代码： 是什么引起解析错误？
-
问题内容： 我在解析简单的JSON字符串时遇到问题。我已经在JSONLint上检查了它们，它表明它们是有效的。但是当我尝试使用jQuery替代方法解析它们时，出现了以下错误： 注意：我正在使用PHP 对字符串进行编码。 问题答案： 您的数据已经是一个对象。无需解析。javascript解释器已经为您解析了它。
-
基本上，我正在youtube上做注册和登录教程。它使用的是旧版本的PHP，我试图更新代码，但出现以下错误： 分析错误：语法错误，在第23行的C:\Program Files（x86）\EasyPHP-DevServer-14.1VC11\data\localweb\projects\Forum\Forum\core\functions\users.php中出现意外“，” users.php
-
我最近开始和Kotlin一起学习，并开始了一个使用Kotlin的Spring靴宠物项目。 我试图将一个自定义用户域对象集成到Spring Security中，因此希望实现UserDetails接口。 > 意外重写：以下声明具有相同的JVM签名（getUsername（）ljava/lang/string；）：public final fun ():kotlin.string，public abst