如何在 TypeScript 项目中使用 js-cookie？答案

【问题标题】：How to use js-cookie in a TypeScript project?如何在 TypeScript 项目中使用 js-cookie？
【发布时间】：2018-03-15 13:09:22
【问题描述】：

我想在我的 TypeScript 项目中使用 js-cookie 库。

首先，我通过在包含node_modules 和package.json 的目录中运行npm install js-cookie @types/js-cookie --save-dev 来安装库和类型。 package.json 现在包含 "@types/js-cookie": "^2.1.0" 并且在 node_modules 中有一个文件夹 js-cookie。

然后我添加了

import * as Cookies from "js-cookie";

[...]

Cookies.remove("token");

到我的 TypeScript 文件。 WebStorm 没有显示任何错误。

当我运行服务器时，我收到以下错误：

fetch.js:32 GET http://localhost:8080/ui/js-cookie 404 (Not Found)
common.js:85 Uncaught (in promise) Error: Fetch error: 404 Not Found
  Instantiating http://localhost:8080/ui/js-cookie
  Loading http://localhost:8080/ui/src/auth/userStore.tsx
  Loading src/app.tsx
    at fetch.js:37
    at <anonymous>

我在导入 js-cookie 时到底做错了什么，我该如何解决？

【问题讨论】：

标签： node.js typescript npm js-cookie

【解决方案1】：

这个问题通常可以通过使用 Task Runner 转移实际的 JavaScript 文件来解决：

./node_modules/js-cookie/js-cookie.js

收件人（例如）：

./ui/js-cookie.js

（或您选择的位置）

这是因为node_modules 通常包含您不想发布到 Web 服务器的所有内容，因此您将要做想要发布的内容转移到您将引用的文件夹中在运行时。

【讨论】：