如何将TSX源代码转换为TS代码？
将TSX源代码转换为TS代码的过程可以通过以下步骤完成：
- 确保你已经安装了TypeScript编译器。如果没有安装，可以通过以下命令在命令行中安装：
npm install -g typescript- 创建一个新的TS文件，例如
example.ts。 - 将TSX源代码复制到
example.ts文件中。 - 将TSX文件中的所有扩展名由
.tsx改为.ts。 - 打开命令行，导航到包含
example.ts文件的目录。 - 运行以下命令来编译TS文件：
tsc example.ts- TypeScript编译器将会将TSX源代码转换为TS代码，并生成一个名为
example.js的JavaScript文件。
这样，你就成功将TSX源代码转换为TS代码了。
对于TSX和TS的区别，TSX是TypeScript的扩展，用于支持JSX语法，而TS是TypeScript的标准文件扩展名，用于编写纯TypeScript代码。
TSX源代码转换为TS代码的主要目的是为了在不使用JSX语法的情况下进行编译和运行。这可能发生在某些项目中，或者在不需要使用React等库的情况下。
在腾讯云的产品中，与TypeScript相关的产品包括云函数SCF（Serverless Cloud Function）和云开发（CloudBase），它们都支持使用TypeScript进行开发。你可以通过以下链接了解更多关于腾讯云函数和云开发的信息：
- 云函数SCF：https://cloud.tencent.com/product/scf
- 云开发CloudBase：https://cloud.tencent.com/product/tcb
相关·内容
1回答
本质上，我想要的是@babel/plugin-transform-react-jsx提供的行为，但保留所有类型、其他TS语言特性、ESNext语法、注释等(我只是想使用指定的JSX工厂函数(例如React.createElement/ jsx /bring your/等)将your XML格式的代码转换成普通的TypeScript )。
浏览 139提问于2021-08-21得票数 2
1回答
这是我第一次让Vue转一转。我使用Vue命令行工具生成了带有typescript的示例项目。我在tsconfig.js中设置了"sourceMap"：true。我想要*.vue的JavaScript源代码映射，这样WebStorm就可以命中断点。 我最初在tsconfig.js中没有"sourceMap"：true。我验证了*.ts正在生成.js源映射。此外，我还验证了这些*.ts文件，WebStorm现在可以命中断点。在*.vue组件中未命中断点。我修复了我修改的
浏览 31提问于2019-01-26得票数 1
回答已采纳
下面是我正在尝试的代码： Asset.fromModule(require('..|.native.expo.tx|.expo.ts|.ios.expo.tsx|.native.expo.tsx|.expo.tsx|.ios.expo.js|.native.expo.js|.expo.js|.ios.expo.jsx|.native.expo.jsx|.expo.jsx|.ios.ts|.n
浏览 1提问于2020-04-24得票数 0
回答已采纳
我在想，当我在React Native中使用typescript编写redux action，reducers和store时，我应该给它一个.tsx的扩展，或者它可以只是.js？例如，这是我的store.tsx文件，如下所示： import {createStore, applyMiddleware, combineReducers} from 'redux';
export default createStore(rootReduce
浏览 17提问于2021-09-30得票数 0
问题是，我无法使用.JS源代码从浏览器中进行调试。只生成bundle.js。{ "outDir": "./dist') resolve: {
// Add '.ts' and '.tsx' as resolvable extensions.extensions: [".<
浏览 0提问于2019-05-05得票数 0
我正在使用webpack和ts-loader从一项繁琐的任务中转换文字，并生成源代码以供调试产品使用。我的团队希望能够看到原始的Typescript源代码，而不仅仅是JavaScript源代码。extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js','.jsx']
浏览 4提问于2016-03-31得票数 6
// test.spec.ts expect(calc()).toBeDefined()// index.ts
import {calc} from '.
浏览 1提问于2019-06-17得票数 3
回答已采纳
1回答
我能够使用webpack和ts-loader将TypeScript编译成具有全局命名空间的单个包，并生成源映射。在构建包时，我会在window.ModuleA和window.ModuleB下公开它们。代码可以工作，但是源代码映射混乱了，因为它们都有指向./src/boo.ts的文件。如果我可以配置指向module-a/*或ModuleA
浏览 1提问于2016-12-09得票数 4
回答已采纳
2回答
我有一个单一项目，包含三个不同的反应项目： src package.json src- APP_B main.ts如何从两个.tsx文件导入Button( main.ts )模块？我希望包含Button.tsx的源文件，并让每个单独的构建脚本( APP_A和APP_B的脚本)编译/
浏览 3提问于2021-02-22得票数 2
When I run build.编译后的源代码不像开发模式那样工作，所有的路径都没有映射，这个函数映射到其他函数… __filename: false, module: { { use: 'ts-loader', }
浏览 0提问于2019-12-27得票数 1
除了在一个非webpack项目中，我已经没有问题地将所有内容转换为类型记录，在这个项目中，我收到了“导入路径不能以.tsx扩展结束”的错误，例如我可以省略扩展名，或者使用// @ts-忽略，但这两种方法都不是最佳解决方案，因为项目在重构时将是jsx和tsx的混合体，我希望能够一眼看到导入中使用的是哪种文件类型我将项目转换为类型记录
浏览 0提问于2020-01-15得票数 22
回答已采纳
由于法律上的障碍，我们在另一个文件夹中有我们的node_modules (让我们称之为“外部的”)，因此下面这句来自TS文档的句子不适用:任何封闭文件夹的node_/@类型中的“包都被认为是可见的；具体而言
浏览 3提问于2016-12-28得票数 0
回答已采纳
我在想如何在Jest中测试它时遇到了麻烦。我尝试过模拟useEffect，但没有成功。 if (window != undefined) { id: 'myId' }
浏览 1提问于2020-04-10得票数 0
此外，当我查看Chrome中的source选项卡时，我可以看到从我的源代码到(ES5？)/dist/bundle.js' resolve: {
// Add `.ts` and `.tsx` as a resolvable extension.extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx
浏览 5提问于2016-09-27得票数 1
1回答
packages/ index.ts test1Func.ts Test1.tsx</>;包中将包括Test.tsx、Test1.tsx和“test1Func.ts”。我的index.ts in test/看起来就像
export { testFunc }
浏览 3提问于2022-05-23得票数 0
回答已采纳
1回答
我有一个要用jest测试的类组件。该组件正在使用从utils文件导入的函数。如何从我主测试文件模拟导入的函数？
浏览 0提问于2019-10-23得票数 0
1回答
我有以下源代码设置：|__ client| |__ b.js|__ common| |__ d.js|__ server
resolve: {
ext
浏览 0提问于2018-08-23得票数 1
回答已采纳
我有以下文件：import * as React from 'react';
.Autosuggest extends React.Component<AutosuggestProps, AutosuggestState> {}import Autosuggest = Components.Auto
浏览 21提问于2017-03-14得票数 3
回答已采纳
3回答
require('typescript');
process: function(src, path) { return tsc.transpile(
src,当我这样做时，我在处理的代码中得到一个unexpected identifier =错误，这看起来像
浏览 5提问于2016-07-18得票数 4
回答已采纳
当尝试在Google中调试TypeScript应用程序时，*.ts文件在检查器中被正确映射，但是*.tsx文件看起来完全是空的，这并不能真正帮助我调试它们。如何才能使*.tsx文件正确地映射到源文件？
浏览 1提问于2015-10-12得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
