jquery.cookie.jsが動かない

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
WordPressでウェブサイトを作っています
jquery.cookie.jsを使って閉じた状態を保持するバナーをサイト右下に表示させたいのですがconsoleエラーが出ます

発生している問題・エラーメッセージ

エラーメッセージ
Uncaught TypeError: e.cookie is not a function

該当のソースコード

<aside class="campaign">
    <div class="campaign__contents">
        <h6 class="campaign__contents__title">キャンペーン情報</h6>
        <p class="campaign__contents__text">こちらから会員登録いただいた方のみ！<br>初期費用0円実施中</p>
        <a class="campaign__contents__link" href="">今すぐ無料で会員登録</a>
    </div>
    <a class="campaign__btn js-campaign__btn">x</a>
</aside>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
$(function() {
  var cookie = $.cookie('campaign');
  if(cookie){
      $('.campaign').addClass('close');
  }
  $('.js-campaign__btn').on('click',function(){
      $('.campaign').addClass('close');
      $.cookie('campaign','close');
  });
});
</script>

試したこと

jqueryの読み込み方法を変更

該当のソースコードではcdnで読み込んでいますが、本来はwebpackを使っているのでnpmで読み込みたいです
しかし、npmで読み込むとjqueryの閉じるボタンも動かないです

npm i jquery.cookie

npm i jquery

補足情報（FW/ツールのバージョンなど）

【jQuery】サンプル付きで確認！jquery.cookie.jsの使い方

Comments

[yambejp]

どの行でエラーがでているかわかりますか？

Answer 1

命題の内容は特に問題なく動作しているように見えます

Comments

[shimon11]

ありがとうございます
内容は特に問題なく動作しているのですが、jquery,jquery.cookieの読み込みをnpmから行いたいのですが、

```
npm i jquery.cookie

npm i jquery
```
でインストールし<script>を削除すると動作しなくなります。