D'abord, le code dans les ressources/js/app.jsfonction JavaScript n'est pas définie avec Laravel Mix
function button1Clicked(){
console.log('Button 1 is clicked');
}
En second lieu, code testing.blade.php
<!DOCTYPE html>
<html>
<head>
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Testing</title>
</head>
<body>
<button onclick="button1Clicked()">Button 1</button>
<button onclick="button2Clicked()">Button 2</button>
<script type="text/javascript" src="{!! asset('js/app.js') !!}"></script>
<script type="text/javascript">
function button2Clicked(){
console.log('Button 2 is clicked');
}
</script>
</body>
</html>
Après npm run dev
et d'essais localhost
en conséquence, JavaScript func button1Clicked()
dans resources/js/app.js
n'est pas définie. mais la fonction button2Clicked()
dans testing.blade.php
peut être définie. Est-ce un bug de Laravel Mix ou je fait quelques erreurs
pouvez-vous essayer en utilisant – iCoders
Pourriez-vous ajouter le contenu complet de votre 'webpack.mix Les fichiers .js' et 'app.js'? –
iCoders est correct, vous devez utiliser '{{}}' et non '{!!' car les '{!!' sont utilisés pour afficher le contenu non échappé –