vue 로 만들어 cordova 로 감싸면 에러가 발생합니다.


(블라인드 처리 되었습니다 ) #1

서두:
npm ,vue,vuetify 모두 몇칠전에 모두 최신으로 업데이트 했습니다.

vue로 열심히 만들었고 브라우저에서 테스트을 다 했습니다.
그리고 cordova 로 감쌌는데 에러가 계속 발생 합니다.
몇칠째 원인을 못찿고 있네요. 최신버전 때문에 그런것 같지 않습니다.

왜냐면 테스트 케이스 1 경우에는 안드로이드 에서 정상적으로 보입니다.
테스트 케이2 경우에는 보이질 않습니다.

테스트 케이스1:
1.vue create simple-test
2.cordova 환경 설정 셋팅
3. npm run build

  • vue 환경설정 에서 빌드 하면 cordova 쪽으로 즉 ~/www/dist 로 빌드 되도록 세팅
    4.cordova build android
    5.cordova run android

이 경우에는 정상적으로 안드로이드 에서 호출 되면서 보입니다.

테스트 케이스 2:
1.vue create simple-test
2. cd simple-test/
3. vue add vuetify
4. cordova 환경셋팅
5. npm run build
6.cordova build android
7.cordova run android

이경우에는 빈 하얀 화면만 나오고 에러가 발생 합니다.
Uncaught SyntaxError: Unexpected token ( chunk-vendors.4ad9150b.js:1
Uncaught SyntaxError: Unexpected token ) app.85218dd5.js:1

단지 다른거 vuetify 밖에 추가 한개 없는데 계속 에러가 발생 되고 해당 js 따라가보면
(window[“webpackJsonp”]
로 시작 되긴 하더라구요.

어디가 잘못 된걸 까요
자료을 다 뒤져봐도 저와 같은 케이스는 없어서요.
혹시 vue+vuex+vuetify 로 만든걸 cordova 로 감싸 예제 가 아주 잘 되어 있는 곳을 알수 가 있을까요?


(이승철) #2

이 프로젝트가 vue, vuetify, cordova를 사용한 예제인데 도움이 될진 모르겠지만 첨부 해 봅니다.


(이종은(Jong Lee)) #3

승철님 요즘 vue.js 만지시나 보군요! 제가 vue릉 쏘고 있지는 않지만 답변들은 잘 보고 있습니다. ㅎ 감사합니다. :pray: