首页 文章

源代码在Chrome中由一行代替,包括Ruby on Rails,Webpack和React JS

提问于
浏览
95

我遇到一个问题,当我使用Chrome devtools调试器时,Webpack使用 inline-source-map 配置设置生成的源图关闭了一行 . Webpack是在Ruby on Rails应用程序中设置的,用于生成由几十个模块组成的连接的,未明确的JavaScript文件 . 这些模块中的大多数都是ReactJS组件,并由 jsx loader进行解析 . 然后,Webpack的输出包含在 application.js 文件中,以及由gem生成的一些其他JavaScript库 .

当我使用 eval-source-map 时,没有问题 . 关于使用 inline-source-map 的一些事情导致行号被一个人抛弃 .

检查不是React组件的JavaScript仍然存在这个问题,所以我认为它与使用jsx无关 .

1 回答

  • 3

    chrome中有一个错误,尝试最新版本,也在你的webpack配置上尝试在devtool上使用不同的源映射尝试所有这些,看看是否适用于内联源映射:

    • inline-source-map

    • cheap-inline-source-map

    对于其他不同的配置:

    • cheap-source-map

    • cheap-module-source-map

    • cheap-module-eval-source-map

    在webpack配置:

    {
    
    ...
    
    devtool:'source-map'
    
    ...
    
    }
    

相关问题