Javascript Laravel 5.4从blade调用js类_Javascript_Laravel_Ecmascript 6_Laravel Blade

Javascript Laravel 5.4从blade调用js类

javascript laravel ecmascript-6

Javascript Laravel 5.4从blade调用js类,javascript,laravel,ecmascript-6,laravel-blade,Javascript,Laravel,Ecmascript 6,Laravel Blade,因此，我已经将我正在进行的一个项目升级到5.4版本，并希望利用webpack。所以我的问题是在resources/js/application.js中创建类时 class Wizard { InitSteps() { console.log('here'); } 如果我从js文件中调用它，它会工作，但如果我从刀片调用它，它不会因此，在我的布局文件中有如下内容： <body>  <script src=

因此，我已经将我正在进行的一个项目升级到5.4版本，并希望利用webpack。所以我的问题是在resources/js/application.js中创建类时

class Wizard {
  InitSteps() {
     console.log('here');
}

如果我从js文件中调用它，它会工作，但如果我从刀片调用它，它不会

因此，在我的布局文件中有如下内容：

<body>
<!-- Body Contents -->

<script src="{{ mix('dist/js/application.js') }}" type="text/javascript"></script>
@stack('scripts')
</body>


@堆栈（'脚本'）

在我的刀刃上，我在做：

@push('scripts')
 <script>
  $(function(){
   let inst = new Wizard();
   inst.InitSteps();
  })
 </script>
@endpush

@push（'scripts'）
$（函数（）{
让inst=新建向导（）；
inst.InitSteps（）；
})
@端推

我得到的错误是：未捕获引用错误：未定义向导

我可能把es2015弄错了，这对我来说是很新的。

谢谢

您无法使用此功能的原因取决于范围

要将其置于全局（窗口）范围内，您可以执行以下操作：

window.Wizard = class Wizard {
    InitSteps() {
        console.log('here');
    }
}

希望这有帮助

这回答了你的问题吗，@ShahafAntwarg？