TS-2304 错误 - 在“.ts”文件中导入“jquery”时在 TypeScript 中找不到名称“Iterable”
Posted
技术标签:
【中文标题】TS-2304 错误 - 在“.ts”文件中导入“jquery”时在 TypeScript 中找不到名称“Iterable”【英文标题】：TS-2304 Error - can not find name 'Iterable' in TypeScript while importing "jquery" in ".ts" file 【发布时间】：2018-01-04 11:32:56 【问题描述】：我正在使用 Visual Studio Code 作为编辑器来开发 TypeScript 2.4 版。我使用以下命令安装了带有 NPM 的 jQuery：
npm install --save @types/jquery
然后我从GitHub下载了jquery module的源代码。
registrationpage.ts文件的代码如下：
import * as $ from 'jquery';
class Registration_Page
txtuname: string;
Registration()
$('#table').hide;
this.txtuname = ( <htmlTextAreaElement> (document.getElementById('txtusername'))).value;
window.onload = () =>
$('#table').show;
var bttnLogin = document.getElementById('submit');
var obj = new Registration_Page();
bttnLogin.onclick = function ()
obj.Registration();
index.html的代码如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="registrationpage.js"></script>
</head>
<body>
<form id="form1">
<div>
<fieldset style="font-size: medium; color: #000000;">
<legend style="background-color:#CCCCFF; font-size: larger;font-weight:bold">Registration Page in TypeScript</legend>
<br />
<b>UserName</b>
<input id="txtusername" type="text" /><br />
<br />
<input id="submit" type="button" value="Submit" />
</fieldset>
</div>
<div id="table">
<table>
<tr>
<th>UserName</th>
</tr>
</table>
</div>
</form>
</body>
</html>
tsconfig.json 文件：
"compilerOptions":
"target": "es5",
"noImplicitAny": true,
"lib": [ "es2015", "dom" ]
当我在 CMD 上编译代码时，出现以下错误：
错误 TS2304：找不到名称 Iterable
请提出适当的解决方案。
【问题讨论】：
你找到解决办法了吗，我也有同样的问题 我在 VS 2017 UI 中遇到了同样的问题。从你下面的回答听起来好像 tsconfig.json 被忽略了？你能提供更多细节吗？如何解决这个问题？ 是的，它忽略了 tsconfig.json 文件。解决方案是使用命令编译代码：“tsc -p”。请参考：“typescriptlang.org/docs/handbook/tsconfig-json.html” 【参考方案1】：tsconfig.json的配置是正确的。当目标设置为 ES5 并且库 : es2015,es2015-iterable 包括在内时，则支持 Iterable。
关键是当我们通过命令tsc "filename" 编译.ts 文件时，编译器会忽略“tsconfig.json”。此外，在使用外部模块时，您需要包含以下js 文件以支持模块加载：
https://unpkg.com/core-js/client/shim.min.js">
https://unpkg.com/systemjs@0.19.39/dist/system.src.js
最后，用这个命令编译文件
**tsc -p .**
此命令不会忽略tsconfig.json 文件。
希望对您有所帮助。
【讨论】：
这应该是公认的答案。没有人提到tsc 命令默认忽略tsconfig.json。谢谢！【参考方案2】：
考虑安装节点类型定义。
npm i --save-dev @types/node
如果您使用 Yarn 而不是 NPM：
yarn add -D @types/node
【讨论】：
节点类型文件定义了Iterable 以便在第 61 行附近与 --lib es5 一起使用。请参阅 node_modules/@ types/node/index.d.ts以上是关于TS-2304 错误 - 在“.ts”文件中导入“jquery”时在 TypeScript 中找不到名称“Iterable”的主要内容，如果未能解决你的问题，请参考以下文章
src/polyfills.ts(73,1) 中出现错误时的 web-pack 错误：错误 TS2304：找不到名称“全局”。 [ng] src/polyfills.ts(73,17)：
从命令行读取参数 - 错误 TS2304：找不到名称“进程”
node_modules/@types/pdfjs-dist/index.d.ts(63,39) 中的错误：错误 TS2304：找不到名称“未知”