Vue import Packages got multiple warning

my vue project dependencies version

"dependencies": {

    "core-js": "^3.6.5",

    "framework7": "^5.7.8",

    "framework7-vue": "^5.7.8",

    "vue": "^2.6.11",

    "vue-router": "^3.3.4"

  },

import Packages in main.js

import Vue from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'

// Import Framework7 Core
import Framework7 from 'framework7/lite';
/*
Or import bundle with all components:
import Framework7 from 'framework7/lite-bundle';
*/

// Import Framework7 Vue
import Framework7Vue from 'framework7-vue';

// Init plugin
Framework7.use(Framework7Vue)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

after i run npm run serve
i got multiple warning

98% after emitting CopyPlugin
WARNING Compiled with 26 warnings
warning in ./node_modules/framework7-vue/esm/components/area-chart.js
"export ‘Fragment’ (imported as ‘_Fragment’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/accordion-content.js
"export ‘computed’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/accordion-content.js
"export ‘createBlock’ (imported as ‘_createBlock’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/actions-button.js
"export ‘createCommentVNode’ (imported as ‘_createCommentVNode’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/preloader.js
"export ‘createStaticVNode’ (imported as ‘_createStaticVNode’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/area-chart.js
"export ‘createTextVNode’ (imported as ‘_createTextVNode’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/actions-button.js
"export ‘createVNode’ (imported as ‘_createVNode’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/fab.js
"export ‘h’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/link.js
"export ‘inject’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/button.js
"export ‘mergeProps’ (imported as ‘_mergeProps’) was not found in ‘vue’
warning in ./node_modules/swiper/esm/vue/swiper.js
"export ‘nextTick’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/shared/use-store.js
"export ‘onBeforeUnmount’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/messages.js
"export ‘onBeforeUpdate’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/accordion-item.js
"export ‘onMounted’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/input.js
"export ‘onUpdated’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/accordion-content.js
"export ‘openBlock’ (imported as ‘_openBlock’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/list-group.js
"export ‘provide’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/shared/use-store.js
"export ‘ref’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/area-chart.js
"export ‘renderList’ (imported as ‘_renderList’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/accordion-content.js
"export ‘renderSlot’ (imported as ‘_renderSlot’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/app.js
"export ‘resolveComponent’ (imported as ‘_resolveComponent’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/area-chart.js
"export ‘resolveDynamicComponent’ (imported as ‘_resolveDynamicComponent’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/area-chart.js
"export ‘toDisplayString’ (imported as ‘_toDisplayString’) was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/app.js
"export ‘toRaw’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/actions.js
"export ‘watch’ was not found in ‘vue’
warning in ./node_modules/framework7-vue/esm/components/area-chart.js
"export ‘withCtx’ (imported as ‘_withCtx’) was not found in ‘vue’

App running at:

got error on chrome and the page is blank

if i dont import Framework7 and Framework7Vue ,the project will working perfectly without blank page.

another question

if i want to import packages like

// Import Framework7 Bundle
import Framework7 from 'framework7/lite-bundle';

// Import Framework7-Vue with helper to register all components
import Framework7Vue, { registerComponents } from 'framework7-vue/bundle';

// Init plugin and register all components
Framework7.use(Framework7Vue);

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

how to registerComponents in main.js in new Vue{()}???

You are using Framework7 v6 with Vue v2, they are incompatible. If you need Vue 2, then downgrade F7 to v5. If it is a new project then re-create it using framework7-cli where everything is set http://framework7.io/cli