网站上传至cPanel后无法打开，控制台报skel未定义错误

上传网站到cPanel后无法打开，控制台报错：

Uncaught ReferenceError: skel is not defined
at main.js:10:5
at main.js:114:3

对应的main.js代码片段：

(function($) {

    skel.breakpoints({
        xlarge: '(max-width: 1680px)',
        large: '(max-width: 1280px)',
        medium: '(max-width: 1024px)',
        small: '(max-width: 736px)',
        xsmall: '(max-width: 480px)'
    });

注：本地运行正常。

解决步骤 #

• 检查skel库文件是否上传完整
  本地能正常运行说明你本地有skel.js或skel.min.js这类依赖文件，但上传cPanel时可能漏传了。登录cPanel的文件管理器，去网站目录里找存放第三方库的文件夹（比如js/），确认skel相关文件存在，且文件大小和本地一致，避免上传中断导致文件损坏。

• 确认脚本加载顺序与路径
  浏览器按脚本标签顺序加载文件，main.js用到skel，必须让skel的脚本在main.js之前加载。打开你的HTML文件，检查<script>标签顺序，比如：

  <!-- 先加载skel -->
  <script src="js/skel.js"></script>
  <!-- 再加载main.js -->
  <script src="js/main.js"></script>
  

  另外注意cPanel服务器区分大小写，本地Windows不区分，要确保HTML里的文件路径大小写和服务器上的文件完全一致。

• 修正文件权限
  如果skel文件权限设置错误，浏览器会无法读取。在cPanel文件管理器里右键skel相关文件，把权限设置为644，文件夹权限设为755即可。

• 强制刷新清除缓存
  浏览器可能缓存了旧的资源，导致新上传的skel文件没被加载。按Ctrl+Shift+R（Chrome/Firefox）强制刷新页面，或者清空浏览器缓存后再测试。

内容的提问来源于stack exchange，提问作者Anabeil