在 TypeScript 中找不到名称“jQuery”错误 [已解决]

在 TypeScript 中找不到名称“jQuery”错误

Cannot find name ‘jQuery’ Error in TypeScript

要解决错误“找不到名称 jQuery”，请确保
通过在 TypeScript 项目中jQuery运行并安装其类型来安装库。npm install jquery

然后，您可以将 jQuery 导入为import * as $ from 'jquery'.

在项目的根目录（文件所在的位置）中打开终端package.json并运行以下命令。

npm install jquery

npm install -D @types/jquery

现在您应该可以通过以下方式导入 jQuery 库了。

import * as $ from 'jquery';

console.log($);

将字符串添加DOM到lib中的数组tsconfig.json

如果错误仍然存​​在，请确保您DOM的lib数组中有字符串tsconfig.json。

{
  "compilerOptions": {
    "lib": [
      "es2017",
      "DOM"
      ],
    // ... your other options
  }
}

DOM在浏览器中运行的程序需要类型定义。

删除你的 node_modules 并重新安装你的依赖项

如果错误未解决，请尝试删除您的node_modules和
package-lock.json文件，重新运行npm install并重新启动您的 IDE。

# 👇️ delete node_modules and package-lock.json (Windows)
rd /s /q "node_modules"
del package-lock.json
del -f yarn.lock

# 👇️ delete node_modules and package-lock.json (macOS/Linux)
rm -rf node_modules
rm -f package-lock.json
rm -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

npm install

如果错误仍然存​​在，请重新启动代码编辑器和开发服务器。

结论

要解决错误“找不到名称 jQuery”，请确保
通过在 TypeScript 项目中jQuery运行并安装其类型来安装库。npm install jquery

然后，您可以将 jQuery 导入为import * as $ from 'jquery'.