라라벨 에코 CDN - Uncaught ReferenceError: module is not defined

라라벨 에코 CDN 스크립트 문제

Uncaught ReferenceError: module is not defined at echo.min.js:7

1 문제상황

• Vue.js와 Laravel Echo 스크립트를 CDN으로 불러올 때, echo 모듈이 Vue와의 접점(module 변수)을 찾지 못해 오류가 발생한다.

<script src='//cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.min.js'></script>
<script src='//cdn.jsdelivr.net/npm/laravel-echo@1.3.5/dist/echo.min.js'></script>

Uncaught ReferenceError: module is not defined
    at VM166 echo.min.js:7

var asyncGenerator = function () {
  function AwaitValue(value) {
    this.value = value;
... (생략)
    }]);
    return Echo;
}();

module.exports = Echo;

2 조치방법

• module을 Vue.options.component로 지정해주면 해결된다.

<script src='//cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.min.js'></script>
<script>module=Vue.options.components</script>
<script src='//cdn.jsdelivr.net/npm/laravel-echo@1.3.5/dist/echo.min.js'></script>

3 같이 보기

• Vue.js
• Laravel Echo