Laravel Mix Javascript未定义函数onClick

如何解决Laravel Mix Javascript未定义函数onClick

我正在将Laravels Mix功能与javascript一起使用，因此遇到了一些麻烦。我制作了一个新的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（）之类的东西吗？ （我以前从未使用过Web pack / mix）

解决方法

我发现webpack需要在全局范围内定义它。您只需添加以下代码行即可。

window.removeProduct = removeProduct;

,

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