Laravel：使用 npm 包 - ReferenceError答案

【问题标题】：Laravel: Using an npm package - ReferenceErrorLaravel：使用 npm 包 - ReferenceError
【发布时间】：2020-07-15 10:50:52
【问题描述】：

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

所以我运行了 npm 命令：

npm install --save zenorocha/clipboardjs

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

require('clipboard');

我跑了：

npm run dev

但后来我迷路了，我不知道如何实际加载包！

我不断收到以下错误：

ReferenceError：找不到变量：ClipboardJS

提前感谢您的帮助！尼克

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您可能需要将其分配给窗口对象。

所以改变

require('clipboard');

到

window.ClipboardJS = require('clipboard');

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

【讨论】：