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

Question

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

首先，我通过运行ning npm install js-cookie @types/js-cookie --save-dev 在包含 node_modules 和 package.json 的目录中安装了库和类型。 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 我该如何解决？

Answer 1

这个问题通常通过使用任务运行程序将实际的 JavaScript 文件从以下位置移动来解决：

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

至（例如）：

./ui/js-cookie.js

（或您选择的位置）

这是因为 node_modules 通常充满了您不想发布到您的网络服务器的内容，因此您转移了您想要发布的内容放入您将在运行时引用的文件夹中。

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

How to use js-cookie in a TypeScript project?

node.js

npm

typescript

js-cookie