Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Laravel:使用npm包-ReferenceError_Javascript_Laravel_Npm - Fatal编程技术网

Javascript Laravel:使用npm包-ReferenceError

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的JS软件包:

所以我运行了npm命令:

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>