google-chrome - 不支持组件树

Question

cli app出现以下错误如何解决？
backend.js:3638 未找到 ID 为 null 的应用程序
它是测试版的错误吗？

在控制台中:

main.js(代码)

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'
import DataTable from 'laravel-vue-datatable';
// import jQuery from 'jquery';
// window.$ = window.jQuery = jQuery;
import 'popper.js';
import 'bootstrap';

import './assets/app.scss';
import './assets/styles/bootstrap/dist/css/bootstrap.min.css';
import './assets/styles/custom.css';
import './assets/styles/themify-icons.css';
import './assets/styles/animate.css';
import './assets/styles/sublime.css';

// import './assets/styles/bootstrap/dist/js/bootstrap.min.js'

require('@/store/subscriber')

axios.defaults.baseURL = 'http://p3backend.test/api/'

Vue.config.productionTip = false

Vue.use(DataTable);
Vue.component('pagination', require('laravel-vue-pagination'));

store.dispatch('auth/attempt', localStorage.getItem('token')).then(() => {
  new Vue({
    router,
    store,
    render: h => h(App)
  }).$mount('#app')
})

更新:我的 chrome 中有 2 个配置文件，第二个配置文件 vue-dev-tool 工作正常:( 尝试清理缓存但仍然存在相同的问题，浏览器是最新的 Version 84.0.4147.89 (Official Build) (64-bit)

Answer 1

这个问题是在vue.js devtools的Beta版!
试试:https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
步骤:

卸载/删除当前的 chrome 扩展。

安装新版本。

很高兴再次使用 Vue.js devtools :)