TypeScriptプロジェクトでjs-cookieを使用するには？

Question

TypeScriptプロジェクトでjs-cookieライブラリを使用します。

まず、とpackage.jsonを含むディレクトリにnpm install js-cookie @types/js-cookie --save-devを実行して、ライブラリとタイピングをインストールしました。 package.jsonは今や"@types/js-cookie": "^2.1.0"を含み、js-cookieにnode_modulesというフォルダがあります。

は、その後、私は私のtypescriptファイルに

import * as Cookies from "js-cookie"; 

[...] 

Cookies.remove("token"); 

を追加しました。 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_modules/js-cookie/js-cookie.js 

：

Answer 1

この問題は、通常の実際のJavaScriptファイルを移動するタスクランナーを使用して固定されている

./ui/js-cookie.js 

（または任意の場所）

これは、通常、node_modulesはウェブサーバーに公開したくないものが多いため、ビットをシフトします。doは、実行時に参照するフォルダにパブリッシュします。