RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1592490
Accepted
alex_t
alex_t
Asked:2024-08-31 23:14:45 +0000 UTC2024-08-31 23:14:45 +0000 UTC 2024-08-31 23:14:45 +0000 UTC

在 TypeScript 中加载头文件

  • 772

我正在尝试找出头文件。一篇文章这样说:

首先,让我们使用以下命令加载 jquery 库的类型定义:

npm install --save-dev @types/jquery

这样,项目中就会创建一个node_modules/@types文件夹,其中jquery目录将存放jquery库的头文件。
此外,该项目将创建一个包含以下内容的package.json文件:

{
  "devDependencies": {
    "@types/jquery": "^3.5.5"
  }
}

此外,还可以清楚地看到,假设将在项目的根目录中创建node_modules文件夹和package.json文件:那里给出了项目的屏幕截图。

但我不能那样做。我npm install --save-dev @types/jquery 在终端中输入命令-> 它表示一切都成功:

在此输入图像描述

与此同时,项目中什么也没有出现:node_modules文件夹和package.json文件都没有出现。但我发现在主目录/home/USER_NAME中 有一个node_modules文件夹,在这个命令之后,其中出现了@types子目录,其中有一个jquery目录:

在此输入图像描述

我尝试了不同的方法:首先,我在项目根目录中创建了一个package_json文件,其中包含以下内容:

{
    "devDependencies": {
        "@types/jquery": "^3.5.5"
    }
}

然后我再次在终端中输入命令npm install --save-dev @types/jquery,这一次node_modules文件夹实际上出现在项目根目录中,其中有@types/jquery:

在此输入图像描述

也就是说,由于某种原因,默认情况下,软件包不是安装在项目中,而是安装在主目录中,即我理解“全球”。与此同时,我在另一篇文章中发现:

在此输入图像描述

那些。事实证明,要全局安装该软件包,您需要-g开关,而我只是不输入它。但我还是做不到。

一般来说,任何了解该主题的人,请告诉我为什么 jquery 库的类型定义没有在本地加载并且没有创建 package.json 文件?我做错了什么?

以防万一,npm 版本 8.3.1,node 版本 16.14.0

在此输入图像描述

typescript
  • 1 1 个回答
  • 30 Views

1 个回答

  • Voted
  1. Best Answer
    Matvj
    2024-09-01T00:04:54Z2024-09-01T00:04:54Z

    您遇到的问题可能是由于npm install在错误的目录或未正确初始化的项目中执行命令所致。让我们逐步完成将帮助您在本地安装软件包并创建package.json.

    1.检查当前目录

    首先,确保运行安装命令时位于项目的根目录。您可以使用以下命令检查当前目录:

    pwd
    

    或对于 Windows:

    cd
    

    2. 项目初始化

    在安装软件包之前,您必须初始化项目(如果尚未这样做)。为此,请运行命令:

    npm init -y
    

    package.json该命令将创建一个具有默认设置的文件。如果您不运行此命令,npm 将不知道在哪里存储依赖项,并且可能会全局安装它们。

    3.安装包

    项目初始化后,您可以通过运行以下命令在本地设置 jQuery 的类型:

    npm install --save-dev @types/jquery
    

    4. 检查文件和文件夹

    运行命令后,npm install以下项目应出现在项目的根目录中:

    • node_modules将包含已安装软件包的文件夹。
    • 更新的文件package.json将列出devDependencies.

    5. 确保不使用npm link

    如果您的系统上安装了软件包npm link,则可能会影响软件包安装的行为。确保您不在项目目录中使用它。

    6. 检查全局设置

    如果软件包仍在全局安装,请运行以下命令:

    npm config get prefix
    

    此命令将显示 npm 将安装全局包的路径。确保您位于正确的目录中并且您的 npm 配置完好无损。

    7. 使用钥匙安装-g

    您可能已经注意到,使用密钥安装-g将全局安装该软件包。例如:

    npm install -g @types/jquery
    

    如果您想在本地安装该软件包,这不是您所需要的,因此不要使用-g.

    恢复

    • 确保您处于项目的根目录。
    • 使用 初始化项目npm init -y。
    • 使用安装包npm install --save-dev @types/jquery。
    • 检查文件夹node_modules和文件是否出现package.json在项目的根目录中。
    • 1

相关问题

  • 如何在 TypeScript 中创建全局变量?

  • 在 Typescript 中连接外部文件

  • 打字稿 <S> <R>

  • 如何动态提取 TypeScript 返回类型

  • TypeScript 中的实验性装饰器错误

  • 如何在 Ionic 4 中使用打字稿将 DOM 元素添加到 HTML 页面

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5