Create React App显示“除非提供了'-- JSX‘标志，否则无法使用jsx”
Create React App是一个用于快速搭建React应用程序的脚手架工具，它简化了React应用的配置过程，提供了一种轻松创建React项目的方式。
当你在使用Create React App创建一个新的React应用程序时，有时候会遇到显示“除非提供了'-- JSX‘标志，否则无法使用jsx”这样的错误提示。这个错误提示意味着你的代码中使用了JSX语法，但没有正确地将其转换为React能够理解的语法。
JSX是一种在React中使用的类似HTML的语法扩展，它允许你在JavaScript代码中编写类似HTML的标记。为了使React能够正确地解析和渲染JSX语法，需要进行转换处理。
要解决这个问题，你需要在代码中添加正确的转换配置。在Create React App中，默认的转换配置已经为你处理好了，所以通常情况下你不需要手动配置。但有时候可能会出现配置错误或其他问题导致这个错误提示出现。
以下是一些可能的解决方法：
- 确保使用的是最新版本的Create React App。通过运行
npm update create-react-app或npx create-react-app@latest来更新。 - 确认你的代码文件的扩展名为
.jsx或.js，而不是其他扩展名如.jsm等。 - 检查你的代码中是否存在语法错误或其他问题，特别是在JSX语法中使用的标签和闭合符号是否正确匹配。
- 如果你在使用自定义配置或额外的插件，可能存在配置错误。你可以尝试移除或更新这些配置，以确认是否与之相关。
如果以上方法仍然无法解决问题，你可以参考Create React App的官方文档，其中包含了更多的故障排除步骤和解决方案。
腾讯云的相关产品和服务链接地址如下：
相关·内容
在使用typescript的React应用程序中，我遇到了以下错误： Cannot use JSX unless the '--jsx' flag is provided
浏览 39提问于2021-01-23得票数 1
回答已采纳
31回答
所有这些都建议将"jsx": "react"添加到tsconfig.json文件中。我已经做过了。另一个是添加"include: []"，我也这样做过。": "commonjs", "allowJs": true, "jsx&quo
浏览 0提问于2018-05-20得票数 380
回答已采纳
1回答
在运行tsc后安装时，构建失败，错误是“未找到模块”和“没有--jsx标志不能使用jsx”的混合。我不知道要改变什么才能让它发生。
不将依赖项安装为devdependancies。/App‘被解析为’/tmp/builddb5fb0f4/client/src/App.tsx‘，但是’-jsx‘未被设置。client/src/index.tsx(9,3)：除非提供</
浏览 25提问于2021-12-30得票数 0
回答已采纳
我在react中使用VS2013和tsx文件。我可以很好地手动构建我的项目。(右键单击并构建解决方案)Error 2 Build: Cannot use JSX unless the'--jsx' flag is provided.似乎Azure发布使用了与VS 2013不同的构建步骤。
浏览 3提问于2016-02-03得票数 18
我只是想看看我的配置与react，因为我使用类型记录与ran，我尝试创建一个简单的演示应用程序，所以我运行npx create-react-app demo --template typescript。，但是当我选择任何组件时，我会得到以下警告：
除非提供'-- JSX‘标志，否则不能使用jsx。moduleResolution": "node&qu
浏览 5提问于2021-06-23得票数 0
回答已采纳
2回答
/tsconfig.json", "jsx": "react-native"}
当我使用cli tsc打字时，我不
浏览 0提问于2019-01-18得票数 0
回答已采纳
打字稿投：
react-scripts更新为4.0.1。package.json
"depe
浏览 9提问于2020-11-23得票数 10
回答已采纳
开箱即用jest的create-react-app总是失败create-react-app cra-testyarn install "react-dom": "^16.2.0",
浏览 0提问于2018-03-22得票数 8
我正在运行一个Gatsby项目，最近试图实现它的类型记录，我的TSX文件中有一个错误，如下所示：{ "jsx":
浏览 3提问于2020-03-09得票数 1
我已经使用创建了React应用程序。它使用ES6。"javascript.implicitProjectConfig.checkJs": true
类型检查工作正常，但任何使用jsx的文件都会出现以下错误除非提供'-- JSX‘标志，否则不能使用
浏览 0提问于2020-11-25得票数 0
回答已采纳
我想知道是否有可能在不使用JSX的情况下组成一个React组件？我期望header元素使用嵌套的h1和h2呈现。但是，实际显示的只是段落标记。为什么React元素是唯一呈现的元素？React网站上的这个Codepen示例被用作模仿编译后的JavaScript的参考，但就像我说过的那样，当我只使用React.createElement()时，我得不到相同的结果。(
"h2", {"class
浏览 10提问于2020-07-17得票数 0
我想在Laravel项目中使用typescript和react。然而，当我执行“nom run dev”时发生了一个错误。我知道我必须修改app.tsx来编译它。我应该在哪里修改其他东西？我抬起头来修复了下面的错误。TS17004:除非提供“”-- JSX“”标志，否则无法使用jsx。“”我在我的laravel项目中修改了tsconfig.json。但是不能使用<
浏览 31提问于2020-02-07得票数 4
3回答
我用名为App.jsx的文件中的代码创建了一个React应用程序，它的开头如下所示：import logo from/logo.svg';import './App.css';> 1
浏览 0提问于2016-11-08得票数 3
3回答
然后，我尝试从官方站点添加由npm安装的引导程序，并将代码的导入行添加到app.tsx文件中：var ReactDOM = require('react-dom');我还在我的包中添加了"react-bootstrap"："^0.32.4“。但是，当我试
浏览 1提问于2018-10-22得票数 0
回答已采纳
3回答
但是，我没有将React的导入语句包含在我的JSX中，而且它也能工作，但是非常奇怪。该项目由create-react-app命令创建，版本为4.0.0。没有导入响应的/*也有效！*/ import { Component } from "react"; render() {
return <div>45
浏览 3提问于2020-10-26得票数 16
": "react", "moduleResolution": "node", done();.babelrc我不知道这个文件是否有用，只是加上它也许会有帮助 "presets": [
"@bab
浏览 8提问于2020-10-14得票数 6
回答已采纳
我做了
$ yarn start也是npm run start纱线运行版本1.22.4$react脚本启动To create a production build, use npm run build./App' was resolved to 'c:/Users/taiga/Github/Typescript/e
浏览 28提问于2020-12-08得票数 1
4回答
这是我在这个网站上的第一个问题:) 我是编程新手，目前在react工作。昨天我做了我的第一个项目，今天我回到它，为我的jsx组件初始化了实时服务器和babel编译器，这是我放进去的代码： C:\Users\asus\Desktop\Adolf\react-course-projects\indecision-app>babel源/播放循环/播放.js--输出文件=公共/脚本/app.js--预置=环境，反应--观看 但在我按enter键之后，它会回答： &qu
浏览 53提问于2018-08-25得票数 1
回答已采纳
我正在尝试学习Node和React，我遇到了一个有趣的问题--在像下面这样的导入语句中，我需要显式地输入文件格式(.jsx)，否则编译器会跳出来并抱怨它找不到App.js文件。import App from './App.jsx';
注意-应用程序是一个jsx文件，另存为App.jsx。我对样板代码使用了create-react-<e
浏览 2提问于2018-01-28得票数 2
我们选择了ReactiveJS0.14.8作为前端，因为它支持IE8浏览器，但是Node或JSX是反应性JS开发所必需的，或者我们可以创建没有Node或Jsx的组件
浏览 4提问于2017-03-28得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
