然后运行本地项目用谷歌浏览器打开就可以调试了，如下图所示。我们通过vue.js devtools配合在浏览器中展示源代码（Sources标签页）打断点，来调试非常也是非常方便，如下图所示。这是我用的比较多的调试方法。这种方法是基于 source-map 的，依赖于浏览器中和源码的一个映射，通过映射来找到源文件 上面的方式要使用需要在前端项目的
devtool:'#eval-source-map'}, 然后在项目中需要的位置写debugger,项目运行后,在chrome中就会直接进入断点,网上还有一种方式如下图,在sources中的page页签下的webpack://下找到index.vue找到vue文件,就可以直接打断点,然后也可以进入,但是这种办法有个比较不爽的地方就是,你看不到let定义变量的值,在下面的图片...
调优过程 禁用webpack的devtools 打包出来的js文件非常大,每个js文件竟然达到了3～4Mbs,这样的体积对于我的服务带宽来说根本负担不起。打开画面必卡。 究其原因,是因为webpack里面启用了sourceMap,以便于调试。但是这在发布以后就完全没有用了。 webpack配置,里面有这句话,把这句话注释掉。原本3～4Mbs的文件,变成...
1.打开根目录下的 config 目录下的 index.js 文件 2.将dev 节点下的 devtool 值改为 'eval-source-map' 3.将dev节点下的 cacheBusting 值改为 false 5.开启调试 上述配置完成之后: 1. 通过第一步的方式以远程调试打开的方式打开 Chrome 2. 在 vue 项目中执行npm run dev以调试方式启动项目 3. 点击 V...
其实在躺平的互联网的环境和情况下,我们压根不需要什么调试特殊的技巧,因为代码是我写的,我们只需要梳理逻辑总是能发现一些蛛丝马迹找到问题,结合Chrome DevTools和伟大的console.log、debugger最终解决也就是时间问题 即使最终我们解决不了问题,我们也可以解决提问题的人,用一个冠冕堂皇的技术答案给他忽悠过去就行——...
(vnode, rootContainer, isSVG) } isMounted = true app._container = rootContainer // for devtools and telemetry ;(rootContainer as any).__vue_app__ = app if (__DEV__ || __FEATURE_PROD_DEVTOOLS__) { app._instance = vnode.component devtoolsInitApp(app, version) } return vnode....
在Chrome Devtools 中展示源代码 configureWebpack: { devtool: 'source-map' } //vue cli3 configureWebpack: config => { if (process.env.NODE_ENV === 'production') { }else{ config['devtool'] = 'source-map'; } } webpack的devtool文档,请戳我About...
Version 3.1.1 Reproduction link https://github.com/farzadmf/vue-cli-sourcemap-issue Node and OS info Node 11.0.0 / yarn 1.12.3 / Windows 10 Steps to reproduce Run "yarn serve" to start the application Open Chrome devtools and start searc...
config.devtools = true export function createApp () { const app = new Vue({ // 注入 router 到根 Vue 实例 router, render: h => h(App) }) return { app, router, eventBus: app.$events } } 接下来是我们的两个entry了。server用来匹配我们的组件并调用组件的asyncData方法去获取数据,client...
source-map "^0.5.6" vue-template-es2015-compiler "^1.6.0" "@vue/ui@^0.5.1": version "0.5.2" resolved "https://registry.yarnpkg.com/@vue/ui/-/ui-0.5.2.tgz#5a7e62d0ca3cf320d1aa661f65f7c652bf9b1e22" dependencies: ...