为什么Chrome DevTools会显示我的Vue应用程序源代码的多个乱码版本？

文章/答案/技术大牛

发布

2回答

google-chrome、vue.js、devtools

我有一个Vue应用程序，我正试着在Chrome DevTools中调试它。问题是，当我试图找到我想要调试的文件时，我得到了一个具有相同名称的文件列表，并在末尾附加了一些奇怪的散列： ? 当我打开任何一个文件时，我得到一些乱码： ? ? 有时我可以找到我想要的文件(带有原始源代码)，但有时找不到。这些奇怪<

浏览 101提问于2019-12-27得票数 13

2回答

Vue devtools检查无法在本地托管的应用程序上使用

vue.js、google-chrome、yarnpkg、vue-devtools

当我运行我的Vue应用程序时，Vue devtools扩展会检测到Vue.js，但是会抱怨： Chrome: 98.0.4758.102 另一个开发人员从一个干净的本地回购系统运行Chrome应用程序</e

浏览 12提问于2022-02-28得票数 1

2回答

如何在inertiajs和Laravel 8؟中禁用开发工具

vue.js、laravel-8、devtools、inertiajs

如何在inertiajs和Laravel 8؟中禁用开发工具请帮助我

浏览 3提问于2021-10-06得票数 0

2回答

Vue devtools在刷新后停止

vue.js、vuex、vue-devtools

我打开vscode并通过npm run server启动我的开发服务器。我的应用程序加载到chrome中，在vue选项卡vuex下进行检查后，我可以看到我的商店。现在，当我刷新vue选项卡下的页面时，它显示"No App“，并且无法再看到我的vuex商店。有没有想过为什么devtools在刷新后停止工

浏览 40提问于2021-08-06得票数 0

4回答

未显示Vue.js devtools

google-chrome、vue.js、vuejs2、devtools、vue-devtools

突然，我的Vue.js开发工具停止了工作。我把它放在chrome中差不多两年了(自从我开始开发Vue.js)。现在我在chrome中看不到devtools了。为什么不是“我的”问题：我已经用了两年了，一直到现在都没有问题。它在早上工作，然后“就”停止了现在它不能工作了任何项目，就连我都知道它以前是有效的 我</

浏览 181提问于2020-05-28得票数 8

回答已采纳

18回答

为什么Vue.js Chrome没有检测到Vue.js？

vue.js、devtools

下面的代码带有一个简单的工作Vue.js应用程序。但是vue.js的devtools没有回应。它在几天前运行得很好，现在已经不起作用了--有什么可能会出错呢？当我去的时候，它说它已经被添加了。 <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="h

浏览 26提问于2016-12-19得票数 94

回答已采纳

24回答

VueJs开发工具面板未显示

vuejs2、vue.js、vue-resource

我开始在我的应用程序中使用，但在Chrome的开发模式下，它是不可见的。我尝试过在开发工具github页面和网络上的其他地方找到各种解决方案，但是没有运气。下面是我所做的/努力让它显示出来的事情。在chrome扩展中启用了allow access to file URL’s option 在新Vue({})之前添加

浏览 28提问于2017-01-06得票数 70

7回答

Chrome扩展vue-devtools没有检测到Vue

vue.js、vuejs2

没有检测到我的<script src="https://cdn.jsdelivr.net/npm/vue"></script>PS:使用扩展描述并假设。嗯，这是一个新的<

浏览 0提问于2018-03-09得票数 20

回答已采纳

3回答

在Vue* DevTools中未显示的组件*

vue.js

我正在使用Vue Devtools，但无法检查任何组件，因为没有组件显示。没有根组件或任何东西。几乎就是一个空白的DevTools。我是Vue的新手，所以我确信我错过了一些明显的东西。我使用的是webpack cli模板，还没有实现任何Vue Router的东西。搜索组件时也不会出现任何结果。我猜是这3个文件里的</em

浏览 1提问于2016-10-22得票数 11

2回答

Vue js页面视图源不可读

laravel、vue.js、vuejs2、laravel-vue

-- Styles --></head-- Scripts --> <script src="http://localhost/laravel_vue/public/js/

浏览 2提问于2020-03-14得票数 0

1回答

Chrome中的Vue DevTools :检测到Vue，但未显示数据

vue.js、vue-devtools

我是Vue的新手，我想试试DevTools。我使用vue cli (没有额外的代码)创建了一个全新的应用程序，应用程序是Vue v2，我的chrome插件是v6.0.0beta3。vue create my-app 在开发模式下运行应用程序时，chrome工具栏dev

浏览 171提问于2021-01-28得票数 1

回答已采纳

0回答

在laravel 5.4中启用Vue* Devtools检测*

javascript、google-chrome、vue.js、laravel-5.4

我想开始在我的laravel 5.4应用程序中使用Vue。如果没有laravel，我可以在chrome上看到vue devtools检查选项卡。但是在我的laravel应用程序中，虽然chrome Vue devtool扩展显示检测到了Vue.js，但在chrome控制台中并没有vue

浏览 6提问于2017-12-07得票数 0

1回答

webpack bundle.js与SourceMap的解压缩

javascript、webpack、google-chrome-devtools、source-maps

我想逆转或解压一个bundle.js。目前，我正在浏览器( Chrome )中加载bundle.js，Chrome检测源代码地图，并向我展示基于包的完整应用程序的良好结构。该应用程序是捆绑使用webpack，是一个通量反应应用。这是一个反向工程项目，从现有的包中获取应用程序源。因此，在chr

浏览 5提问于2017-10-05得票数 17

1回答

当我使用Vue的运行时版本时，为什么我的Vue.js应用程序不能运行？

webpack、vue.js

我已经将我的Vue.js版本修改为运行时版本，修改了Webpack，如下所示： extensions: ['.ts', '.js', '.vue', '.json'],}, 注释掉的版本就是我之前使用的版本，我的应用程序运行正常。下面

浏览 26提问于2018-08-18得票数 0

1回答

在windows上翻转的Unicode字符“⌙”(U+2319)

css、unicode、character

在我的网站上，我有一个使用"⌙“字符作为内容的::after css伪元素：content:"⌙"现在它在mac chrome上运行得很好。但是当它显示在windows chrome上时，它是水平翻转的(就像在源代码中一样)： Windows (

浏览 1提问于2021-10-27得票数 0

8回答

在此页上检测到Vue.js。Devtools检查不可用，因为它处于生产模式或被作者显式禁用

google-chrome、laravel-5、google-chrome-extension、vue.js

 我正在尝试在谷歌浏览器中启用。但我不能启用它。我在Laravel应用程序中使用vue.js。我的服务器使用php artisan serve命令运行。

浏览 67提问于2017-05-04得票数 27

2回答

Google 99+ DevTools源代码选项卡没有显示Webpack SRC文件夹中的VUE文件代码

vue.js、google-chrome、webpack、devtools

这也是窗口的Edge中的一个问题，但Firefox97.0.2dev工具不是问题。我有一个相当标准的多页Vue 2应用程序。我正试图调试一个问题，在Chrome DevTools，而不是 Vue DevTools中，我曾经能够看到单个文件组件的源代码，并逐步遍历方法等等。在Chrome DevTools<em

浏览 13提问于2022-03-07得票数 17

回答已采纳

1回答

Webkit突然开始提供不同编码的脚本？

utf-8、character-encoding、webkit

上周，我们的一个应用程序开始显示一个奇怪的bug：€标志显示为â‚¬标志。在深入研究之后，我注意到，我们显示的每一个价格金额都会经过格式化函数。因此，检查devtools中的源代码揭示了为什么我们会看到一个不同的字符：因此，看起来该脚本使用了与UTF-8不同的

浏览 2提问于2018-06-27得票数 0

2回答

不能用异步方法在.vue文件中设置断点

vue.js、vuejs2

我有问题调试我的Vue应用程序，因为步进可以跳过行，或者断点不能在有效的行上设置。vue-cli 4.1.2 创建新的Vue项目： npm运行服务将HelloWor

浏览 2提问于2020-01-18得票数 9

2回答

同时使用背景、内容和devtools的扩展

javascript、google-chrome、google-chrome-extension、google-chrome-devtools

我一直在试图从文档和样本中找出这一点，但是那里还不够(或者我遗漏了什么？) 我想要创建一个devtools面板，但是我仍然希望像在内容脚本中那样访问被检查窗口的dom。如果我能在devtools页面/脚本中使用一个内容脚本，那是个好主意，但它似乎不像我期望的那样工作--我似乎不能使用背景页面在devtools页面和我的内容脚本之间发送消息。另外，是否有一种方法可以像在元素

浏览 2提问于2012-05-11得票数 2

回答已采纳

点击加载更多