Laravel：使用 npm package - ReferenceError

Question

我正在努力安装和使用基于 npm 的 JS package: https://clipboardjs.com

所以我运行了 npm 命令：

npm install --save zenorocha/clipboardjs

我将此行添加到app.js文件中：

require('clipboard');

我跑了：

npm run dev

但是之后我迷路了，我不知道如何实际加载 package ！

我不断收到以下错误：

ReferenceError：找不到变量：ClipboardJS

提前感谢您的帮助！ 网卡

PS：我需要做一些精确的事情：除了 nom install 并在 app.js 文件中添加一行之外，我没有执行其他步骤......是否需要其他步骤？

Answer 1

您可能需要将其分配给 window object。

所以改变

require('clipboard');

至

window.ClipboardJS = require('clipboard');

我刚刚创建了一个新的 Laravel 项目，它对我有用。

Answer 2

与其他响应一样，使用window.ClipboardJS = require('clipboard'); 是您需要的第一步。 但是，当您想在刀片中使用它时，请确保在此事件回调中使用 ClipboardJS object 包装您的代码

<script>
    document.addEventListener('DOMContentLoaded', () => {
      // your ClipboardJS code here
    });
</script>