f~f 2022-07-04 08:15 采纳率: 85.7%
浏览 79
已结题

webpack5设置devtool为source-map，控制台打印无法追溯到代码

img


webpack配置devtool为inline-source-map或者source-map

img


控制台打印还是无法追溯到源代码

  • 写回答

1条回答 默认 最新

  • 虎子8 2022-07-05 01:40
    关注

    应该不是打包的问题了，不是devtool设置问题，你可以本地试下，应该是正常的。

    你截图的是在oss上，map文件报404可以去看下，map到底有没有上传， 一般项目也是这样干的， oss是生产环境 一般是不会上传map文件的

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题？

  • webpack开发环境性能优化之优化代码调试-source-map
    2020-07-29 16:04
    mus_木司的博客 source-map是一种提供源代码到构建后代码的映射技术 如果构建后代码出错，会通过映射关系追踪源代码错误 在webpack.config.js中加入 devtool:'source-map', 重要的是source-map的构建参数 [inlie-|hidden-|eval-]...
  • 9、webpack开发--出现错误如何定位到源文件
    2019-05-23 00:58
    gosenkle的博客 ※项目使用前文webpack清理输出的内容一节建立的项目 1、修改print.js 文件 export default function print() { console.error('code find a error!'); } 2、构建工程并运行 npm run build 3、运行效果如下...
  • 一步步学Webpack4（1）-- 开发环境搭建入门
    2018-10-25 04:00
    weixin_33862041的博客 前文一步步学Webpack4（0）-- 实战起步已经完成了Webpack环境的搭建以及实现了一句命令自动打包项目，这一次我们继续使用之前的项目webpack-stepbystep来尝试搭建适合对开发者友好的项目开发环境. 本章按照以下步骤...
  • webpack学习笔记实例
    2020-07-31 05:10
    mus_木司的博客 webpack-尚硅谷 ...可以去gitee看一下我里面有资料和demo 文章目录webpack-尚硅谷概述五个核心概念看演示~如何打包样式：如何打包html：打包...HRM优化代码**调试**-source-map生产环境性能优化优化打包构建速度-oneOf优化
  • 一篇弄懂webpack静态资源打包器
    2020-10-01 08:48
    花森酱的博客 webpack是优秀的前端构建工具，静态资源打包器，可以根据模块依赖关系进行静态资源分析，快速打包生成相对应浏览器可以直接识别的静态资源！ 规约 入口文件： 开始打包第一个文件称为入口文件，通常经过在入口文件中...
  • 解决Chrome 本地调试React，Sources下找不到源代码的问题
    2020-09-12 03:32
    冬日蓝天lyyeagle的博客 解决Chrome 本地调试React，Sources下找不到源代码的问题 先看一下，我在Sources下的代码情况，代码都是已经编译过的，...当webpack的devtool 为 (none) 时，打包后 本地调试 就会没有源代码。 具体可参照 webpack 的
  • 我所知道的JS调试
    2017-07-06 09:10
    weixin_34344403的博客 而今天我们要讲的对于这个基础调试就不细说，我会将目前所有调试javascript(nodejs)的方法以及工具(主要是VS Code)介绍一下，然后顺便讲解一下webpack的sourcemap功能。 1 前置条件 Chrome: 55+ Nodejs: 6.3+ 我....
  • Vue混入（Mixins）与插件开发深度解析
    2025-02-06 15:30
    prince_zxill的博客 混入（Mixins）是Vue提供的代码复用机制，允许开发者将可复用的组件选项封装为独立模块。当组件使用混入时，所有混入对象的选项将被"混合"到组件自身的选项中。支持选项合并可包含任意组件选项支持局部和全局注册...
  • 「性能优化」首屏时间从12.67s到1.06s，我是如何做到的？
    2018-10-01 16:22
    xczd的博客 ——本文是对之前同名文章的修正，将所有webpack3的内容更新为webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。 0.引言 作为互联网项目，最重要的便是用户体验。在举国...
  • 网站性能优化总结（前端篇）
    2020-02-20 11:34
    十二..的博客 sourceMap : true // set to true if you want JS source maps } ) , ... Plugins ] } ②HTML压缩： new HtmlWebpackPlugin ( { template : __dirname + '/views/index.html' , // ...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 7月12日
  • 已采纳回答 7月5日
  • 创建了问题 7月4日