source-map实现根据错误行列找到源代码中的真正的错误行与列示例代码-html代码-BFW代码库

source-map实现根据错误行列找到源代码中的真正的错误行与列示例代码

代码语言：html

所属分类：其他

代码描述：source-map实现根据错误行列找到源代码中的真正的错误行与列示例代码，适合线上环境没有部署source-map文件，但是报错后根据线上环境的错误行列找到源代码中的行与列。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/source-map.js"></script>
    <title>Document</title>
    <script type="module">

    window.onload=function(){
         sourceMap.SourceMapConsumer.initialize({
    "lib/mappings.wasm": "//repo.bfw.wiki/bfwrepo/js/mappings.wasm",
  });
//加载map文件
fetch('/asset/main.js.map')
  .then(response => response.text())
  .then(data => {
      
      
       const consumer =  new sourceMap.SourceMapConsumer(data);
       
       co.........完整代码请登录后点击上方下载按钮下载查看