记录一次js问题排查的心路历程

问题描述

  1. 问题图-1

    看上图,发现就是一个很普通的语法问题,作为拥有一定前端基础的PHP开发者我是很自信的可以轻松解决这个问题的,但是接下来打脸来的如此之快….
  2. 问题图-2

    通过问题图-1点击查看源代码,发现第一行竟然就提示错误,此时我大脑中仅有的前端储备知识对于这个问题是一篇空白(简单来说就是懵逼),于是乎我进入到接下来比较正常的debug阶段

DEBUG流程

  1. 度娘
    程序开发百分之八十的问题都能通过度娘去解决,于是乎我去搜索了一下这个问题,得到下图结论
    附链接:[https://blog.csdn.net/HeXinT/article/details/125082562]

    有过webpack经验的同学应该都知道可以在打包的时候设置打包路径,简略代码如下:
    output: {
     chunkFilename: 'js/[name].[chunkhash].js',
     publicPath: (process.env.MIX_SENTRY_DSN_PUBLIC || "") + '/sites/'
    },
    按照度娘上走,发现依然会出现图1的问题。没有办法,只能进入第二种解决问题方式
  2. review code
    通过再次评审代码,可以尝试是否找出问题,经过一系列排查,发现如下代码块:
    <script src="{{cdn_domain()}}uniapp/site/wap/js/chunk-vendors{{ $cdnList['site'] }}.js"></script>
    <script src="{{cdn_domain()}}uniapp/site/wap/js/app{{ $cdnList['site'] }}.js"></script>
    最后排查发现上面$cdnList拿到的值是系统后台配置,所以每次打包完的js文件名称需要重新配置,不然文件不存在,就会提示图1的错误。排查到最后竟然发现就是一个引入文件不存在的报错,差点一口老血吐出来。。。不过简介说明我这js还是需要加强学习哈:smile:
本作品采用《CC 协议》,转载必须注明作者和本文链接
gongmeng
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 3

出现这种情况,首先看nerwork,红色出现问题直接双击查看

1周前 评论
gongmeng (楼主) 1周前

这不是一眼代理服务器的问题吗,没有访问到具体的js文件,而是访问到别的文件了

1周前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!