如何使用 npm 和 webpack 正确地要求 js-cookie？未捕获的引用错误

Question

St运行ge 问题，但我相信它很容易解决。我已经在一个完全空的 webpack 项目上进行了测试。

它说 npm js-cookie 有 0 个依赖项，所以我想这应该可以独立运行。

$ npm install js-cookie --save

然后在我的脚本文件中简单地运行这个。

require('js-cookie');

Cookies.set('name', 'value');

节点供应商js-cookie 100% 存在并且要求没有错误。

然而只是得到这个错误。

这是一个测试项目，您可以下载并使用 npm install 启动，然后使用 npm run production 查看错误。

我正在使用 laravel mix，但我不明白这是怎么回事？

Answer 1

您必须将所需的模块分配给一个变量才能使用它。

const Cookies = require('js-cookie'); //assign module to variable called "Cookies"
Cookies.set('name', 'value');
console.log(Cookies.get('name'));

在此处阅读更多相关信息：https://nodejs.org/api/modules.html

Answer 2

这也有效import * as Cookies from 'js-cookie';

使用：webpack encore 来自 Symfony 4/5

How to correctly require js-cookie with npm and webpack? Uncaught ReferenceError