Wampserver加载CSS文件提示styleSheet.exceptions未定义错误如何解决？

这个错误本质是浏览器没有正常解析加载到CSS文件，导致操作样式表对象的代码读取不到预期属性，和Wampserver的默认配置限制直接相关，可按以下顺序排查：

1. 优先检查静态资源访问权限 #

Wampserver默认将www目录作为站点根目录，Apache默认禁止访问根目录之外的资源，如果你写的相对路径../css/global.css最终跳出了www目录的范围，Apache会直接返回403/404错误，浏览器无法拿到有效CSS内容。
你可以打开浏览器F12控制台的「网络」面板，刷新页面后查看global.css的请求状态：

• 若状态码为403/404：将CSS文件移动到www目录内的可访问路径下，调整引入路径为站点内相对路径或绝对路径即可。

2. 检查CSS的MIME类型配置 #

如果CSS请求状态码为200，但响应头的Content-Type不是text/css，浏览器不会将其识别为样式表，同样会触发该报错：

• 打开Wampserver的Apache配置文件httpd.conf，确认存在配置AddType text/css .css
• 也可以检查mime.types文件，确认存在text/css css的映射规则
• 修改完配置后重启Wampserver所有服务生效。

3. 排查安全模块拦截问题 #

如果上述配置都正常，可临时停用Wampserver的mod_security安全模块，该模块的默认规则有可能误拦截静态资源请求，停用后重启服务测试即可。

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