如何通过脚本在html文档中添加.ts文件并使其工作
在HTML文档中添加.ts文件并使其工作，可以通过以下步骤实现：
- 创建一个HTML文件，可以使用任何文本编辑器打开，并将其保存为
.html文件格式。 - 在HTML文件的
<head>标签中添加一个<script>标签，用于引入TypeScript编译器。可以使用以下代码：
<script src="https://cdn.jsdelivr.net/npm/typescript@4.5.4/dist/typescript.min.js"></script>- 在HTML文件的
<body>标签中添加一个<script>标签，用于引入编译后的JavaScript文件。可以使用以下代码：
<script src="path/to/your/script.js"></script>请注意，path/to/your/script.js应替换为您实际的JavaScript文件路径。
- 创建一个TypeScript文件，将其保存为
.ts文件格式。在该文件中编写您的TypeScript代码。 - 打开命令行界面，导航到保存了TypeScript文件的目录。
- 使用TypeScript编译器将TypeScript文件编译为JavaScript文件。运行以下命令：
tsc your-script.ts请注意，your-script.ts应替换为您实际的TypeScript文件名。
- 编译成功后，将生成一个与TypeScript文件同名的JavaScript文件。
- 将生成的JavaScript文件复制到步骤3中添加的
<script>标签的src属性中指定的路径。 - 保存并关闭HTML文件。
- 在浏览器中打开HTML文件，您的脚本将被加载并执行。
这样，您就可以通过脚本在HTML文档中添加.ts文件并使其工作了。
注意：以上步骤中提到的TypeScript编译器和相关链接是示例，您可以根据实际情况选择适合您的工具和资源。
相关·内容
我有一个angular应用程序，如何在html文档中添加typescript文件，因为我得到了一个错误：-“因为它的MIME类型('video/mp2t')是不可执行的。”它们必须总是被编译成js才能在浏览器中运行吗？
浏览 158提问于2021-08-19得票数 0
回答已采纳
我们需要它们能够在联合登录页面后加载，并且它们不需要同时显示。我能够将项目导出为角度元素，并将其导入到父应用程序的index.html中，但我无法使其在组件中工作 a
浏览 19提问于2019-07-18得票数 0
回答已采纳
2回答
我想知道如何在我的angular 4项目中集成JWPlayer，我已经在.angular-cli.json中导入了jwplayer.js的源码。谢谢。
浏览 3提问于2018-05-15得票数 3
4回答
相反，我需要在文件的顶部添加一个引用。所以我的WebAPI.js的第一行应该是/// <reference path ="../typings/jquery/jquery.d.ts"/>而不是import { $ } from '../jquery-3.1.1';
我正在尝试导入jQuery以在Typescript文件中使用，但我在尝试任何操作时都收到了各
浏览 123提问于2017-05-04得票数 32
回答已采纳
在我的Angular24应用程序中，我使用的是ng2-ckeditor。为了使其工作，我必须将以下内容添加到我的index.html文件中：(由于似乎没有npm包来安装编辑器本身，所以我下载了当前的zip文件并将其解压缩到.&#
浏览 1提问于2017-04-30得票数 1
回答已采纳
2回答
在Node.js / Express / Angular2 / typescript (IDE=Visual工作室)应用程序的上下文中，我尝试将第三方.js实用程序(包)加载到客户端(用于指令中)。{ stuff .... }}import Packery = require然而，在运行时，浏览器尝试(但失败了)在</em
浏览 0提问于2016-01-15得票数 2
即使jquery在angular2应用程序中不受限制，您也可以在某些情况下真正使用它，比如需要包含一些功能依赖jquery的高级FrontEnd框架。Im不遵循角度集成，因为它正处于开发阶段，而且由于某种原因，您可以在angular2应用程序中运行jquery，所以我想您可以使用传统的安装和集成。jquery$ npm install @types/jquery --save-dev
我将语义ui和jquery依赖项都包含在我的角-cli
浏览 7提问于2017-08-31得票数 0
回答已采纳
我在angular上添加了我的模板，我已经有了所有导入的脚本和css，但为了初始化脚本，plantilla要求初始化全局变量，即在主索引上准备好的文档内的App.init，如果使用ts，它将在Angular的主索引中 $(document).ready(function(){ App.init();
}); 这将初始化我的模板脚本以使其正常
浏览 9提问于2020-01-10得票数 0
回答已采纳
我正试图在AngularJS和Grunt的打字记录上做一个POC。我没有找到很多能清楚解释这一过程的文档。
我看到，当我在_all.ts中添加所有类型记录引用时，它只是起作用了。但我得弄明白为什么。谁解析_all.ts使其工作？文件夹结构anggen -.tmp -app -blocks -common -images ...-styl
浏览 6提问于2016-01-20得票数 0
回答已采纳
在visual中，我可以将.ts文件添加到项目中，并选择类型记录编译作为构建操作。好的。如何编译生成的文件并将其复制到构建文件夹？
仅就上下文而言，我需要将这些文件作为文本读入测试浏览器。我已经通过</em
浏览 0提问于2018-02-20得票数 1
它默认为commonjs，即使<TypescriptModuleKind>在project.csproj中从commonjs改为AMD。要了解问题所在：
刷新并观察到它在浏览器中工作，没有显示错误。通过</em
浏览 0提问于2018-01-29得票数 1
回答已采纳
2回答
我尝试在我的自定义对话框的Angular2项目中使用Angular2，但是我无法让Alertify运行.我对js不太熟悉，所以我尝试在类型记录中使用alertify.js，或者更确切地说，尝试用这个alertify.js文件制作一个模块。我发现了一些关于使用.d.ts文件的内容，我也在github上找到了alertify.d.ts文件，但是我不知道如何使用它。我尝试了几件事，但最终失败了。
浏览 3提问于2016-04-13得票数 3
回答已采纳
问题:我试图隐藏我的导航条在滚动，并显示在滚动向上。我将我的JavaScript放在页面底部的HTML正文中，但是它不起作用。任何帮助都是非常感谢的。HTML(mainpage.component.html): <div class="flex" id="outercontainer">
<nav id=
浏览 1提问于2021-09-30得票数 3
1回答
我使用的是角9和超is 4.1.1，这在铬中工作得很好，但只在IE11中给出了错误:聚填充-es5.js中字符集的无效范围。Polyfills.tsimport 'core-js/module
浏览 2提问于2020-08-28得票数 2
我在查找用户的登录数据时遇到了一个问题，用户的登录数据正在使用google auth平台登录到我的站点上，我希望获得这些登录数据并将数据存储在本地存储空间中，如果有人知道这个问题的解决方案，请帮助我。
浏览 3提问于2022-10-27得票数 0
当用户在输入字段中按enter时，他会激活按下()的方法。我还想从位于.js文件夹中的外部/assets文件中调用一个函数。我不想重写整个脚本来匹配.ts格式，所以我只是将我的.js文件链接到index.html以使其工作。
该.js文件包含SVG脚本，它操作多个DOM元素。我想调用一个函数来破坏这些元素。，我的问题很简单：如何
浏览 5提问于2017-08-08得票数 1
除了让我的一个外部脚本再次运行之外，大多数设置似乎都在工作。declare var ExternalCode: any;.在webpack中
浏览 8提问于2017-02-02得票数 1
2回答
main.ts和index.html是并行运行的吗？如果没有，哪个文件首先运行？如果是main.ts，那么如何角度知道它应该在浏览器中显示index.html？
浏览 4提问于2020-01-07得票数 3
回答已采纳
在生产模式中，我必须从dist文件夹中提供文件。我的node_module文件夹位于dist文件夹之外。当我将<script src="node_modules/jquery/jquery.min.js" />放在index.html中时，它将找不到该文件，因为我从dist文件夹中提供文件。当我在jQuery中导入vendor.t
浏览 7提问于2016-06-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
