找不到“jquery”的类型定义文件

Question

I just ran an update in NuGet to update my my packages. Afterwards, I can no longer compile and I receive the above error.

The jquery definition file is in my project. But for some reason, the bootstrap definition file can no longer find it.

It's been a while since I worked on this project. I'm pretty sure I had my definition files in a completely different directory before the update. But most of the code and file structure has been created automatically by Visual Studio NuGet packages.

Where are these links or references located so that the definition files can be found properly? I'm very new to TypeScript, so if you can explain in detail or provide links for further reading, it would be appreciated

---

Edit:

I've discovered that these are called Triple-Slash Directives . But that pages doesn't tell me enough to understand this error.

It tells me that <reference types="..."/> should be used for @types packages which is what I believe .d.ts files are. I tried changing the name of jquery.d.ts to index.d.ts . And I've tried including the whole path such as ../jquery/jquery.d.ts . Neither of these worked.

Finally, I found the following line in angular.d.ts :

/// <reference path="../jquery/jquery.d.ts" />

I copied that into the bootstrap index.d.ts and that seemed to fix the error.

But this doesn't make sense to me. First, I'm trying to link to a definition file, not a TypeScript file. So I should be using reference types , not reference path , according to the above article. But reference types does not work. What am I missing here?

The article also says:

Use these directives only when you're authoring a d.ts file by hand.

I didn't write these files. They came from NuGet and look to be automatically generated. So why do I need to change this?

Answer 1

They came from NuGet and look to be automatically generated.

Don't use nuget for type definitions. NPM is the way to go.

npm install @types/jquery -D 

And then you can:

<reference types="jquery"/>

welcome to the future 🌹

Answer 2

我发现在安装@types/jquery 后，在 jquery.slim.d.ts /// <reference path="../JQuery.d.ts" /> /// <reference types="jquery" />更改为/// <reference path="../JQuery.d.ts" />为我解决了这个问题。

Answer 3

One option will be setting the property typeRoots on your tsconfig.json (you will need to create one if your project still don't have it) to the actual path of the folder that contains the definition files, that if you are using Nuget and DefinitelyTyped it should be the typings folder inside the Scripts folder. Therefore:

{
  "compilerOptions": {
    "typeRoots": [
      "./Scripts/typings"
    ]
  }
}

What basarat posted is the correct 2020 way to proceed, but maybe you are working on a legacy project where migrating to NPM is not an option right now.

Answer 4

Wanted to give an updated answer when getting this error as part of an Angular project. Was getting the error when running unit tests, and my problem was that in my tsconfig.json I had jQuery type listed as:

{
  "compilerOptions": {
    ...,
    "types": [
      "node, jQuery"
    ]
  }
}

The fix for me was to use all lower case:

{
  "compilerOptions": {
    ...,
    "types": [
      "node, jquery"
    ]
  }
}

Answer 5

如果Web项目正在使用libman ，请右键单击libman.json并单击“恢复客户端库”。