Laravel Mix Javascript未定义的函数onClick

Question

我使用带有javascript的Laravels Mix功能，遇到了一些麻烦。我制作了一个新的javascript文件，并将其包含在app.js中，然后在这个文件中完成了一个函数。我想从onClick事件调用它，但是它给了我一个错误。

在cart.js中，我有一个数组，它正在添加所有的产品，我还添加了这行代码。

<a onClick="removeProduct(${product["id"]})" class="btn-remove1">Remove</a>

同样在cart.js中，我有这个函数，它需要在onClick事件中调用。

function removeProduct(id) {
console.log(id);
}

然而，当尝试调用removeProduct((时，它会给我这个错误

Uncaught ReferenceError: removeProduct is not defined at HTMLAnchorElement.onclick

所以我不知道如何处理这个问题，我想我可以使用jQuery，等待对象被点击，然后获得id，但只是想知道我是否可以通过onClick来完成。谢谢你的帮助！

编辑：

进一步研究一下，Webpack包含了Cart.js，在app.jss中有函数removeProduct((。我需要像Cart.removeProduct((之类的名称吗？(我以前从未使用过网络包/混合(

Answer 1

我发现使用webpack需要在全局范围内定义它。您只需添加这行代码就可以做到这一点。

window.removeProduct = removeProduct;

Answer 2

清除缓存，然后检查js文件是否包含在文件中。