如何通过 NPM 安装最新的 fancybox

Question

I installed fancybox via NPM these ways:我通过 NPM 这些方式安装了 fancybox：

npm i -D @fancyapps/ui
npm i -D @fancyapps/fancybox

and I now see fancybox in my devDependencies of my package.json:我现在在我的 package.json 的 devDependencies 中看到了 fancybox：

  "devDependencies": {
    "@fancyapps/fancybox": "^3.5.7",
    "@fancyapps/ui": "^4.0.31",
    "jquery": "^3.6.0",....
  },

however when I have this in my.js file:但是，当我在 my.js 文件中有这个时：

console.log(Fancybox);

the console says:控制台说：

Uncaught ReferenceError: Fancybox is not defined

How can I correctly install fancybox via NPM?如何通过 NPM 正确安装 fancybox？

Answer 1

Installing with NPM CLI does not mean it magically know what you are using, you still need to import it.使用 NPM CLI 安装并不意味着它神奇地知道您在使用什么，您仍然需要导入它。 https://javascript.plainenglish.io/how-to-use-npm-and-import-export-modules-in-javascript-31a7f66a2064 https://javascript.plainenglish.io/how-to-use-npm-and-import-export-modules-in-javascript-31a7f66a2064