Vue маршрутизатор не загружает компоненты в chrome расширении - PullRequest
Новая
       34

Vue маршрутизатор не загружает компоненты в chrome расширении

0 голосов
/ 26 апреля 2020

Я создаю расширение chrome, которое будет использовать маршрутизатор vue и vue. Я могу заставить vue работать, используя sandbox внутри манифеста. json, и это обойдёт CSP, который ограничивает расширения chrome. У меня проблема с vue -router, я не могу отобразить виды, которые я создал, используя Vue.component. Я нашел этот вопрос , но не решил мою проблему. Вот код, кто-нибудь может мне помочь? 

const welcomeScreen = Vue.component({
  template: '#welcome-screen'
});

const newChatroom = Vue.component({
  template: '#create-chat'
});

const accessChatroom = Vue.component({
  template: '#access-chat'
});

const chatroom = Vue.component({
  template: '#chat-board'
});

const routes = [
  { path: '/', component: welcomeScreen },
  { path: '/create-room', component: newChatroom },
  { path: '/access-room/:id', component: accessChatroom },
  { path: '/chatroom/:id', component: chatroom }
]

const router = new VueRouter({
  base: '/popup.html',
  mode: 'history',
  routes,
})

const app = new Vue({
    el: '#app',
    router,
    mounted() {
        console.log('Vue started');
    },
    methods: {
      initChat(){
       // code...
      },
      channelSetup(){
        // code...
      }
    }
});

РЕДАКТИРОВАТЬ

Проблема все еще остается, если я использую маршрутизатор по умолчанию vue ha sh режим навигации. Другое дело, что я не использую webpack, поэтому мне нужно использовать режим песочницы для расширения, иначе у меня проблема с CSP.

Это то, что я получаю вместо этого на компоненте welcomeScreen, пустой рамке enter image description here

...