小编YCh*_*hen的帖子

Laravel Mix未定义JavaScript函数

首先,在resources / js / app.js中的代码

function button1Clicked(){
  console.log('Button 1 is clicked');
}
Run Code Online (Sandbox Code Playgroud)

二,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>
Run Code Online (Sandbox Code Playgroud)

经过npm run dev并在localhost中进行测试

在此处输入图片说明

其结果是,JavaScript函数button1Clicked()resources/js/app.js没有定义。但功能button2Clicked()testing.blade.php可以被定义。是Laravel Mix的错误还是我犯了一些错误

javascript function npm laravel webpack

5
推荐指数
2
解决办法
2095
查看次数

标签 统计

function ×1

javascript ×1

laravel ×1

npm ×1

webpack ×1