2017-09-28 2 views
0

Chris Esplin (firebase-paginator)이 개발 한 라이브러리를 사용하고 있습니다. 사용하려고하면 FirebasePaginator가 생성자가 아닙니다. 실제로 Vue.js 2.0에서 PWA를 개발 중입니다.이 스크립트의 이름은 입니다. app-name/src/store/index.js 이는 vuex 상태, 돌연변이, 액션 관리의 주 파일입니다. 그리고 getters. 제가 인터넷 검색을 발견 사용자 정의 매기기로 시도했습니다 FirebasePaginator가 생성자가 아닙니다.

var FirebasePaginator = require('firebase-paginator') 
    var options = { 
    pageSize: 20, 
    finite: true, 
    auth: 'SomeAuthToken', 
    retainLastPage: false 
    } 
    var ref = firebase.database().ref('track') 
    var paginator = new FirebasePaginator(ref, options) 
    var collection = null 
    paginator.once('value') 
    .then(() => { 
     collection = paginator.collection 
     console.log(paginator, collection) 
    }) 

, 내가 규칙을 eslint하도록하고 내가 새로운

답변

1

로 전화를 걸 때 나는 익숙 해요 같은 생성자 오류 Vue.js를 사용했지만 브라우저 용 스크립트 태그를 사용하거나 Node.js에 대한 호출이 필요하도록 FirebasePaginator를 설계했습니다. "not a constructor"오류는 라이브러리를 올바르게 가져 오지 못했음을 나타냅니다.

/node_modules/firebase-paginator/firebase-paginator.js을 스크립트 태그의 페이지에 추가해보십시오. require('firebase-paginator')을 브라우저의 require 문과 함께 사용할 수있는 방법이있을 것이라고 확신하지만 직접 사용하지는 않습니다. 알아 내면 끌어 오기 요청을 환영합니다.

또한 브라우저에서 기존 관리자 인증 토큰을 사용하지 않도록하십시오. REST API는 인증 된 사용자의 인증 토큰과 함께 작동하지만 잠시 후 해당 기능을 사용하지 않았기 때문에 확실하지 않습니다. 무한 페이지 매김은 구현하기가 더 쉽습니다.

+0

빠른 응답 주셔서 감사합니다 크리스, 나는 당신에게서 기대하지 않았다. 불행히도 Vue 프레임 워크는 컴포넌트를 사용하고 직접 스크립트 태그를 추가하는 것은 쉽지 않습니다. 그런 일을하기 위해 몇 가지 해결 방법을 만들었지 만 그 결과는 같습니다. Vue 플러그인 요구 사항에 부합하는 클래스를 생성하면 더 많은 개발이 필요하지만 페이지 매김 로직을 사용해야합니다. 추신 : 나는 팬 n.n입니다. –