如果我们正在使用带有jsx选项设置为'react‘的preset-typescript，我们应该使用preset-react吗？
如果我们正在使用带有jsx选项设置为'react'的preset-typescript，我们应该使用preset-react。
是的，当我们使用preset-typescript并将jsx选项设置为'react'时，我们应该同时使用preset-react。preset-react是Babel的一个插件集，它包含了将JSX语法转换为JavaScript的相关配置。它提供了一些用于处理React代码的转换规则和插件。
使用preset-react可以确保我们的React代码能够正确地被转换和执行。它会将JSX语法转换为React.createElement()函数调用，以便在浏览器中运行。同时，preset-react还可以处理一些与React相关的特性，如React组件的状态管理、生命周期方法等。
在腾讯云的产品生态中，推荐使用Serverless Cloud Function（SCF）来托管和运行React应用。SCF是一种无服务器计算服务，可以帮助我们快速部署和运行云原生应用。通过SCF，我们可以将React应用打包成一个函数，并通过API网关触发执行。这样可以实现按需调用和自动扩缩容，提高应用的弹性和性能。
更多关于腾讯云Serverless Cloud Function（SCF）的信息，请访问以下链接：
请注意，以上答案仅供参考，具体的技术选型和产品选择应根据实际需求和情况进行评估和决策。
相关·内容
1回答
如果我们正在使用带有jsx选项设置为'react‘的preset-typescript，我们应该使用preset-react吗？
typescript、babeljs
我使用babel和preset-typescript来转换react tsx文件。正如文档所说，当jsx选项设置为react时，preset-typescript会将<div />转换为React.createElement("div")并输出js文件。因此，如果是这样，我们还需要preset-react吗</em
浏览 13提问于2021-04-16得票数 0
2回答
typescript react组件的jest问题
reactjs、typescript、jestjs、babeljs、lerna
我目前在Lerna mono repo中遇到了Jest和Typescript的问题。 expect(shallow(<Doctor/>).is('.btn-doctor')).toBe(true);<Doctor />下划线显示为警告": "react", /
浏览 0提问于2020-08-07得票数 0
1回答
尝试在生产模块生成中生成ReactJS应用程序失败: SyntaxError:意外令牌
javascript、reactjs
我已经有一段时间没有将我的React应用程序推送到prod环境了(我知道这很愚蠢)，现在当我尝试为prod构建它时，构建失败了，我得到了以下错误：ERROR in .这是我的webpack.config.js文件：const path = require('path');
浏览 0提问于2019-08-02得票数 0
2回答
Webpack 4作为JSX文件
webpack、jsx
有没有办法在Webpack 4上加载JSX文件？我试过了： resolve: { }
}但显然，我的src/index.jsx文件已加载，但未被处理。
浏览 4提问于2018-01-27得票数 3
2回答
Webpack不为npm启动的简单项目工作
reactjs、webpack
这是我的包文件和webpack的配置。我在学习这项技术，但这不管用。对于空白画布项目，我收到以下错误。我做错什么了吗？错误消息 filename: 'index_bundle.js' resolve: { },module: { {
te
浏览 0提问于2019-05-26得票数 0
2回答
如何修复模块解析失败:意外令牌？
reactjs、npm、webpack、react-router、node-modules
/src/client.js ( browserHistory警告--无法解析符号'browserHistory‘)import ReactDOMfrom 'react-dom';import routes from '.={browserHisto
浏览 2提问于2020-03-11得票数 4
回答已采纳
1回答
在Mac上为JSX设置Babel
javascript、node.js、npm、babeljs
正在尝试为React/JSX设置Babel。 我已经设置了一个package.json文件，并使用NPM安装了babel-cli和babel-preset-react。我的package.json文件 "babel": { "react" },
"devDepende
浏览 30提问于2019-02-13得票数 0
回答已采纳
1回答
Webpack(5)/React项目中使用SASS时不应用CSS类
reactjs、typescript、webpack、sass
我有一个新的项目正在组装与Webpack 5 + React 16 + TypeScript 4，并愿意使用SASS。我已经设置了所有加载器，但是该类并不适用于html元素，当我说" class“时--这正是我所指的，如果我直接将样式设置为a，那么它确实可以运行。我使用main.scss主文件(在主应用程序文件App.tsx中导入)，如果我输入：
body { background-col
浏览 1提问于2021-11-09得票数 3
5回答
当前未启用对实验语法'jsx‘的Babel抛出支持
reactjs、jestjs、enzyme、babeljs
我开始使用Jest和酶为react应用程序编写新的单元测试用例，当尝试使用jest运行测试用例时，比如"test": "jest --watch"，而不是"test": "react-scripts test我一直在使用babel一步一步地做设置，但是这个错误Support for the experimental syntax 'jsx' is
浏览 20提问于2020-07-10得票数 36
1回答
SCRIPT5005:字符串预期- Rxjs崩溃在IE11符号填充
javascript、rxjs、internet-explorer-11、core-js
在工作中，我们有(叹息！)为了支持IE11的当前项目，我正在努力。该项目使用RxJS 6。为了支持我们所包含的大多数特性，我们使用Webpack与Babel和 (正如Babel本身所建议的那样)作为填充物。我们使用的是es5转换版的RxJS。因此，代码的原始类型编码应该是。
我知道在IE11中不支持符号，就像那样，并且core-js包含一个用于符
浏览 13提问于2019-10-24得票数 2
回答已采纳
2回答
React添加@ Babel /预设-react (https://git.io/JfeDR)到Babel配置的“预设”部分)以启用转换
reactjs、babel-loader
我想在我的表单中使用react验证组件Input。name="createName" onChange={props.handleAddChange}当我尝试使用\src\components\input\index.js:对实验性语法'jsx‘的支持还没有完全启用(6:3)：
const = ({ error，isChanged，isUs
浏览 2提问于2021-01-25得票数 13
回答已采纳
2回答
语法错误: react js中当前未启用对实验语法'jsx‘的支持
reactjs、plugins、babeljs、jsx、preset
我正在尝试使用npm start commamnd运行我的react应用程序，并同时安装了@babel/preset-react和@babel/plugin-syntax jsx。但是我正在运行这个react应用程序，得到以下错误。当前未启用对实验语法'jsx‘的支持(7:9)：> 7 |
浏览 87提问于2021-05-14得票数 2
1回答
如何使用Webpacker安装Rails项目并在另一台机器上做出反应？
ruby-on-rails、reactjs、ruby、webpacker
我有一个Rails 6项目，我正在学习Rails 5.1中的敏捷Web开发(5.1)一书，并且在构建和测试中使用了循环CI。我基本上会在帖子的末尾列出我所有的问题。我们已经使用rails webpacker:install:react安装了React。Webpacker successfully installed
因此，根据我的理解，如果我说“是”来覆盖，反应就会从项目中移除。如果我说“不”来
浏览 3提问于2021-04-21得票数 0
回答已采纳
4回答
故事书-没有故事出现在带有自定义webpack / babel的打字项目中。
reactjs、typescript、webpack、storybook
我的项目运行在react@^16上，我使用类型记录，为开发和构建提供了一个定制的babel和webpack设置。为了建立故事书，我做了这就安装了所需的一切。@(js|jsx|ts|tsx)" "addons": [ "@storybook/addon-essentia
浏览 3提问于2020-11-11得票数 5
回答已采纳
1回答
如何使用Bable 7和Webpack 4为IE11正确构建导入包的类型记录？
typescript、webpack、babeljs
最近，我们发布了一个新版本的react应用程序，但是引起了IE11抱怨let关键字。当我查看时，我发现这是因为我们将query-string包从5.1.0升级到了6.4.0，新代码使用了let关键字，比如。而且，我们的构建过程似乎没有将导入的包从es6编译到es5。我们将typescript与babel 7和webpack 4结合使用，这对我们自己的代码和除了query-strin
浏览 0提问于2019-03-28得票数 4
2回答
vite:react抛出错误与类型记录ReturnType<typeof GenericConsumer<T>>
reactjs、typescript、babeljs、typescript-generics、prettier
我正在构建一个应用程序使用Vite，React，和TS。窃听，但如果我删除它，它想要它回来。我的团队对此感到非常困惑，它正在扼杀这个功能。 "@babel/core": "^7.16.7", "@b
浏览 12提问于2022-11-03得票数 1
回答已采纳
1回答
插件解析器不处理.jsx文件
reactjs、typescript、ts-node、tsconfig-paths、babel-plugin-module-resolver
我正在做一个打字稿+ SSR +ReactJ的应用程序。我正在努力使这个项目发挥作用。如果我使用相对路径，这个项目实际上可以工作，但是我想使用别名，这里是问题出现的时候。我还能够通过使用tsconfig-paths/register使我的项目工作，但问题是编译该项目需要大约25秒。模块解析器能够解析.ts文件上的路径，但是当呈现第一个组件(.jsx)时，它会向我显示Cannot find
浏览 14提问于2022-03-22得票数 0
1回答
如何看webpack的打字稿？
typescript、webpack
虽然我知道如何做下面的事情，但我仍然不知道如何实现标题所暗示的目标，这让我有点尴尬：
我知道如何设置.eslintrc.json来使用tsconfig.json。(这实际上是非常棘手的，如果您想设置所有这些东西: TypeScript、react、react jsx、"parserOptions"，需要对tsconfig.json进行一些更改等等)--我知道如何设置options: { cache
浏览 1提问于2022-03-29得票数 1
6回答
模块构建失败(来自./node_node/babel-加载程序/lib/index.js)：错误:无法找到模块‘babel-预设反应’
javascript、node.js、reactjs、webpack、babeljs
/me/Desktop/reflask'- Did you mean "@babel/react/src main[1] "@babel/core&
浏览 5提问于2018-09-27得票数 15
回答已采纳
2回答
TypeScript + React:强制该组件返回另一种类型的组件
reactjs、typescript、react-typescript
假设您有一个名为<Banner />的通用组件 return <div>{message}<<Banner message="success" />; return <Banner message="error" />;如何使用类型记录强制
浏览 10提问于2022-03-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
