Question

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

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

然后我添加了

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

通常使用Task Runner从以下位置转移实际的JavaScript文件来解决此问题：

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

To（例如）：

./ui/js-cookie.js

（或您选择的位置）

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

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

1 个答案: