vue项目debugger调试看不到源码

vue项目debugger调试看不到源码

引用地址:vue项目debugger调试看不到源码_hua_ban_yu的博客-CSDN博客_vue项目网页源代码查看不了

在开发vue项目时,不知为啥进行debug但是查看不到页面源代码,尝试过很多方法,最后在看到大神相关解决方法之后成功解决,在此表示感谢

解决方法:

  • 找到项目中的vue.config.js添加相关的配置
configureWebpack: {
   
    name: name,
    devtool:'cheap-module-source-map',
    resolve: {
   
      alias: {
   
        '@': resolve('src')
      }
    },
//主要是在configureWebpack添加devtool:cheap-module-source-map。之后项目重启,便可在开发者工具中看到页面源码

image-20231215150847000

相关推荐

  1. vuedebugger无法调试

    2023-12-19 06:44:04       42 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-19 06:44:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-19 06:44:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-19 06:44:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-19 06:44:04       20 阅读

热门阅读

  1. 【Leetcode】计算器

    2023-12-19 06:44:04       42 阅读
  2. 数据的输入输出(C++)

    2023-12-19 06:44:04       40 阅读
  3. Docker (Dockerfile运行jar) -day 05

    2023-12-19 06:44:04       41 阅读
  4. .net web API的文件传输(上传和下载)客户端winform

    2023-12-19 06:44:04       32 阅读
  5. 【Node】npm使用手册

    2023-12-19 06:44:04       46 阅读
  6. 文件相关工具类Utils(WORD,PDF,PNG)

    2023-12-19 06:44:04       33 阅读
  7. 第六章--- 实现微服务:匹配系统(下)

    2023-12-19 06:44:04       27 阅读
  8. 在iframe怎么把外面的dialog关掉

    2023-12-19 06:44:04       36 阅读