求助 ： vue 多文件开发模式 不能使用 vue-devtools查看数据的问题

求助目标：

为了解决： vue 多文件开发模式 不能使用 vue-devtools查看数据的问题

---

内容：

由于之前一直用的vue开发单页面应用，最近维护一个老项目，发现是用的多页面模式.然而问题来了：不能使用 vue-devtools 查看数据结构。大多报错是这样： 

---

寻求方案：

在网上找了不少文章发现就两种解决方案：

1. 打开浏览器设置-拓展程序-勾选开发者模式-选中 vue-devtools -详细信息-开启 允许访问文件网址-重启浏览器； 试了，但是没用还是报错
2. 在vue项目的main.js内添加import Vue from 'vue' Vue.config.devtools = true; 然而这个方案在vue多页面项目里不好实现，因为多页面没有main.js ,我尝试在项目根目录加了一个main.js，但是没有起作用，然后我就在每个页面文件夹的index.js 添加这两句代码，然而还是没有起作用（我在这些index.js内引入Elment UI 、 router 、vuex、之类的组件库或者插件 都可以正常使用，包括将 $ 挂载到vue原型上都可以实现，但是在里面添加import Vue from 'vue' Vue.config.devtools = true; 并没有起作用 ）

---

求助大佬：

作为一个笨比程序猿，我只能上网求助各位大佬，希望能有好心人帮忙解决这一问题。毕竟如果要查找某个数据的值，就要console.log()，那着实让人崩溃。

在此，提前感谢各位大佬们！