Javascript Laravel:使用npm包-ReferenceError
我正在努力安装和使用基于npm的JS软件包: 所以我运行了npm命令:Javascript Laravel:使用npm包-ReferenceError,javascript,laravel,npm,Javascript,Laravel,Npm,我正在努力安装和使用基于npm的JS软件包: 所以我运行了npm命令: npm install --save zenorocha/clipboardjs 我将这一行添加到app.js文件中: require('clipboard'); 我跑: npm run dev 但后来我迷路了,我不知道如何实际加载包 我不断得到以下错误: ReferenceError:找不到变量:ClipboardJS 提前感谢您的帮助! Nic PS:我需要做一些精确的说明:除了nom安装和在app.js文件中添
npm install --save zenorocha/clipboardjs
我将这一行添加到app.js
文件中:
require('clipboard');
我跑:
npm run dev
但后来我迷路了,我不知道如何实际加载包
我不断得到以下错误:
ReferenceError:找不到变量:ClipboardJS
提前感谢您的帮助!
Nic
PS:我需要做一些精确的说明:除了nom安装和在app.js文件中添加一行之外,我没有执行其他步骤。。。是否需要其他移动?您可能需要将其指定给窗口对象 所以改变
require('clipboard')代码>
到
window.ClipboardJS=require('clipboard')代码>
我刚刚创建了一个新的Laravel项目,它对我很有用。您可能需要将它指定给窗口对象
所以改变
require('clipboard')代码>
到
window.ClipboardJS=require('clipboard')代码>
我刚刚创建了一个新的Laravel项目,它为我工作。与其他响应一样,使用window.ClipboardJS=require('clipboard')代码>是您需要的第一步。但是,当您想在刀片中使用它时,请确保在此事件回调中使用ClipboardJS对象包装代码
document.addEventListener('DOMContentLoaded',()=>{
//你的剪贴簿代码在这里
});
与其他响应类似,使用window.ClipboardJS=require('clipboard')代码>是您需要的第一步。但是,当您想在刀片中使用它时,请确保在此事件回调中使用ClipboardJS对象包装代码
document.addEventListener('DOMContentLoaded',()=>{
//你的剪贴簿代码在这里
});
它应该可以在你的app.js
中找到。该链接中的设置
或使用
部分没有帮助?我不明白是否必须添加这样一行;“或者如果Laravel混合液对我有用……你能解释一下你是怎么用的吗?”?我将答案的行添加到app.js并重新编译,但现在我不知道如何在我的刀片文件中使用它。它应该在你的app.js
中可用。该链接中的设置
或使用
部分没有帮助?我不明白是否必须添加这样一行;“或者如果Laravel混合液对我有用……你能解释一下你是怎么用的吗?”?我将答案的行添加到app.js并重新编译,但现在我不知道如何在我的刀片文件中使用它。当然!但我仍然在inspector中得到错误“ReferenceError:找不到变量:ClipboardJS”…@nicolas_更新了我的答案。尝试一下,很抱歉打扰您,但这会进入resources/js/app.js文件?当然!但我仍然在inspector中得到错误“ReferenceError:找不到变量:ClipboardJS”…@nicolas_更新了我的答案。尝试一下,很抱歉打扰您,但这会进入resources/js/app.js文件吗?
<script>
document.addEventListener('DOMContentLoaded', () => {
// your ClipboardJS code here
});
</script>