首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

错误本机:'--jsx‘选项的参数必须是:’TS6046‘,'react-native','react’

错误本机是一个错误信息,指出在使用 '--jsx' 选项时,参数必须是 'TS6046','react-native','react'之一。这个错误通常出现在使用 TypeScript 编译器(tsc)或者其他支持 JSX 的编译器时。

解决这个错误,你需要确保使用了正确的参数。根据错误信息,合法的参数是 'TS6046','react-native','react'。

  • 'TS6046' 是指在 TypeScript 中使用 JSX 时的选项,它指示编译器对 JSX 语法进行解析和转换。
  • 'react-native' 是指在 React Native 中使用 JSX 时的选项,它指示编译器对 JSX 语法进行解析和转换。
  • 'react' 是指在 React 中使用 JSX 时的选项,它指示编译器对 JSX 语法进行解析和转换。

根据具体的应用场景和需求,选择合适的选项即可。如果你正在开发 React Native 应用,那么选择 'react-native';如果你正在开发 React 应用,那么选择 'react'。

腾讯云提供了一系列的云计算相关产品,适合不同的需求和场景。你可以访问腾讯云的官方网站获取更多详细信息和产品介绍:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JSX_TypeScript笔记17

preserve .jsx react React.createElement("div") .js react-native <div...react-native:生成.js文件,但保留 JSX 语法不转换 这些模式通过--jsx选项来指定,默认"preserve",只影响代码生成,并不影响类型检查(例如--jsx "preserve"...MyComponent)) 元素属性(即Props)类型查找方式不同 固有元素属性已知,而自定义组件可能想要指定自己属性集 形式上,要求自定义组件必须首字母大写,以此区分两种 JSX 元素 P.S...) 二者单从 JSX 表达式形式上区分不开,因此先当作 SFC 按照函数重载去尝试解析,解析失败才当类组件处理,还失败就报错 无状态函数式组件 形式上个普通函数,要求第一个参数props对象,返回类型...,见二.类型变量 工厂函数 React 模式(--jsx react)下,可以配置具体使用 JSX 元素工厂方法,有 2 种方式: --jsxFactory选项:项目级配置 内联@jsx注释指令:文件级配置

2.3K30
  • React-Native 20分钟入门指南

    因此要运行全平台仍需要一些额外适配,这里Occhino对React-Native介绍。...react-native run-android 成功运行后出现界面这样 react-native-helloworld.png 基本JSX和ES6语法 先看一下运行成功后界面代码 /...这段代码JSX语法使用方式,和html标记语言一样,只不过这里引用React-Native组件,Text一个显示文本组件,可以看到style={styles.welcome}这是...组件属性和状态 在了解了一些基本JSX和ES6语法后,我们还需要了解两个比较重要概念即props和state,props为组件属性,state为组件状态,两者间区别在于,props会在组件被实例化时通过构造参数传入...Image一个图片控件,几乎所有的app都会使用图片作为他们个性化展示,Image可以加载本地和网络上图片,当加载网络图片时必须设定控件大小,否则图片将无法展示 加载本地图片,图片地址为相对地址

    3.4K10

    ReactJs和React Native那些事

    2.安装react-native脚手架  npm install -g react-native-cli  3.创建react-native工程  react-native init helloProject...难去保护它,考虑它,沉浸它,探索它,重复它,尝试它。正确想法也被可以作为错误想法来开启生活。  **所以下次当你听到一些事,或人,谈论一个观点,给出一个观点,或者提出一个观点,给它5分钟。...第一个参数标签,第二个参数一个属性对象,第三个子节点。  2、创建基于自定义组件速记工厂方法。  3、React 已经为 HTML 标签提供内置工厂方法。 ...JSX 文本中插入HTML 实体  为了防止各种 XSS 攻击, React 默认会转义所有字符串。 1.最简单直接用 Unicode 字符。...其中,react.js React 核心库,react-dom.js 提供与 DOM 相关功能,Browser.js 作用是将 JSX 语法转为 JavaScript 语法,这一步很消耗时间

    1.9K100

    【TypeScript 演化史 — 第十一章】泛型参数默认类型 和 新 –strict 编译选项

    接下来看看如何通过泛型参数默认将以下React组件从 JS (和JSX)迁移到 TypeScript (和TSX): class Greeting extends React.Component {...; } } GreetingProps 类型参数Props类型参数 类似地,any类型参数 State 类型参数 有了这些类型,咱们组件得到更好类型检查和自动提示: image.png...; } } 注意,咱们只提供了一个类型参数。但是,被省略可选类型参数前一个必须要指定类型,否则不能省略。...": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react...--checkJS 选项下 .js 文件中错误 即便使用了--allowJs,TypeScript 编译器默认不会报 .js 文件中任何错误

    1.7K20

    【Hybrid开发高级系列】ReactNative(四) —— 基础开发技巧

    请注意{pic}外围有一层括号,我们需要用括号来把pic这个变量嵌入到JSX语句中。括号意思括号内部为一个js变量或表达式,需要执行后取值。...// 注意这里await语句,其所在函数必须有async关键字声明           let response = await fetch('http://facebook.github.io/react-native...目前无法正常使用React开发插件(就是某些教程或截图上提到Chrome开发工具上多出来React选项),但这并不影响代码调试。...如果你需要像调试web页面那样查看RN应用jsx结构,暂时只能使用Nuclide"React Native Inspector"这一功能来代替。...调试流程依然从开发者菜单中"Debug JSRemotely"选项开始。         被指定调试器需要知道项目所在目录(可以一次传递多个目录参数,以空格隔开)。

    40720

    React NativeWebStorm基本设置

    jsx语法设置 在没有进行设置情况下,每次打开WebStorm时候打开包含jsx语法.js文件都会有以下提示: 当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸方法把它给去掉吧...设置.js文件中支持react-native语法高亮 首先会发现在js文件中有不少警告,类似这样: 这个警告原因是因为编辑器不知道所引用这些东西在哪(不知道源在哪),所以需要告诉编辑器所写东西在哪个源里面...: 在下图download manager里面找到reactreact-native下载安装,然后返回到上图窗口,按照上图第五部分勾选刚才下载两个library即可。...到此,错误信息就没有了,我们可以安心写代码了: npm基本配置 你们我们想直接在IDE中直接运行项目,就像Android或者ios可以直接点击图形化界面运行,可以吗?这就需要设置一下npm。...或者我们直接项目上右键打开项目的设置环境 选择我们要运行设备    说明:    Name为该按钮名字     Program为react Native路径,终端命令:which react-native

    1.9K50

    React-Native android在windows下踩坑记

    ANDROID_HOME环境变量,跟JAVA_HOME类似的,这里直接略过了… 遇到这个错误,我被坑了很久,说下过程。...,参数下面这篇文章: 在Windows下搭建React Native开发环境 http://my.oschina.net/jackzlz/blog/508210 腾讯Bugly加速 http:/...我遇到错误与这篇文章一样:http://www.cnblogs.com/unofficial/p/4843734.html 选择 Dev Settings,然后输入本机IP地址...DOS窗口,启动应用:react-native run-android ------- update by 2015/11/30 使用最新版本react-native(0.15.0),因为之前本机已经成功运行过...,现在写react-native也有这种势头,但是因为我本机之前就已经安装过Android开发环境,所以对于从来没接触过相关知识童鞋来讲,可能有点疑惑。

    1.8K30

    【TypeScript 演化史 -- 11】泛型参数默认类型 和 新 --strict 编译选项

    接下来看看如何通过泛型参数默认将以下React组件从 JS (和JSX)迁移到 TypeScript (和TSX): class Greeting extends React.Component {...; } } 1) GreetingProps 类型参数Props类型参数 2) 类似地,any类型参数 State 类型参数 有了这些类型,咱们组件得到更好类型检查和自动提示...; } } 注意,咱们只提供了一个类型参数。但是,被省略可选类型参数前一个必须要指定类型,否则不能省略。...": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react...--checkJS 选项下 .js 文件中错误 即便使用了--allowJs,TypeScript 编译器默认不会报 .js 文件中任何错误

    1.8K30

    1.1、介绍

    b、使用JSX语法 JSX (JavaScript XML) JavaScript 语法扩展。React 开发大部分使用 JSX 语法(在JSX中可以将HTML于JS混写)。...React可以开发移动端—React-native React Native 一个使用JavaScript 和 React 来编写跨终端移动应用(Android 或 IOS)一种解决方案...JSX React 核心内容。   React使用JSX来替代常规JavaScript,JSX可以理解为JavaScript语法扩展,它里面的标签申明要符合XML规范要求。...React不一定非要使用JSX,但它有以下优点: JSX执行更快,因为它在编译为JavaScript代码后进行了优化 它是类型安全,在编译过程中就能发现错误 声明式语法更加直观,与HTML结构相同,...,若组件没有定义,则报错 在项目中尝试JSX最快方法在页面中添加这个  标签,引入解析jsx语法babel类库 标签块中使用了JSX语法,则一定要申明类型type=

    3.4K40

    React-Native与原生模块间几种通信方式

    那么在React-NativeJSX如何与底层模块进行通信呢?这里主要以iOS系统来做说明。 原理 通信本质上信息交流,具体到计算机语言则是数据流动。...React-Native本质通过JavaScriptCore.framework实现JS代码与OC代码间互动。因此下面说几种方式在本质原理上都是相同,不同地方只是在于实现形式与方法差别。...//定义了startVPN接口,React-Native将VPN具体参数通过该接口传入到原生模块,开启指定VPN RCT_EXPORT_METHOD(startVPN:(NSDictionary*)...React-Native中最基础UI类型RCTRootView,该类有一个初始化方法initWithBridge:moduleName:initialProperties:,第三个参数initialProperties...表示UI控件初始属性值,类型为NSDictionary,其最终会被同步到由第二个参数定义React-Nativeprops中,即完成了两个模块间数据交流。

    2.4K51

    React-Native入门指南 终章

    六、UI组件 1、目前React-Native支持组件 在facebook React-native官网可以看到目前支持组件如下: https://facebook.github.io/react-native...2、如何正确运行UI组件Example 我们可以到react-nativegithub项目地址找到example,地址https://github.com/facebook/react-native...七、JSXReact-Native应用 1、JSX概述 你一定疑问为什么要用JSX?其实这不是必需,而是建议。...只是因为React作为MVC中V,为UI而生,所以,React-Native使用JSX更能像HTML样表达树形结构,其实HTML超类就是XML,React-Native将这个带到了解放前,不可否认...2、构建步骤 (1)创建 React Native项目,目的获取最新React Native包 $ react-native init test (2) 创建 Native项目,例如ReactTest

    1.5K20
    领券