V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Danswerme
V2EX  ›  问与答

请教一下, webpack 怎样配置,点击 console 面板的报错信息可以直接跳到编译前的 vue 模板文件对应行里?

  •  
  •   Danswerme · 2021-08-14 10:47:35 +08:00 · 779 次点击
    这是一个创建于 1197 天前的主题,其中的信息可能已经有所发展或是发生改变。

    webpack 是这么配置的,devtool: "eval-cheap-module-source-map"

    如果在 vue 单文件中的<script></script>段中报错,点击 console 面板的报错信息可以正常跳到编译前的 vue 模板对应行里。

    如果是在<template></template>段中报错,点击 console 面板的报错信息就只能跳到编译后的 vue 模板对应行,这个有办法解决吗?

    看了下 vue-cli 创建的模板也只能跳到编译后的报错行。

    img img img img

    4 条回复    2021-08-14 15:04:02 +08:00
    noe132
        1
    noe132  
       2021-08-14 11:16:17 +08:00
    试试 eval-source-map
    我自己起的 webpack 项目倒是没啥问题

    Danswerme
        2
    Danswerme  
    OP
       2021-08-14 14:50:14 +08:00 via iPhone
    @noe132 试了下,我这个还是不行。😂能分享一下你的 webpack 配置吗?
    noe132
        3
    noe132  
       2021-08-14 15:03:02 +08:00
    Danswerme
        4
    Danswerme  
    OP
       2021-08-14 15:04:02 +08:00 via iPhone
    @noe132 感谢🙏
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   923 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:31 · PVG 05:31 · LAX 13:31 · JFK 16:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.