JS中加载CSS无效问题

问题场景：

在xx.js中导入common.css文件

<link href="/static/bootstrap/css/dashboard.css" rel="stylesheet">

在common.css中包含

.uneditable {background-color:#9d9d9d;}

但是实际页面中未起效

 

分析：

1 首先，引入的文件格式没有明显错误

2 F12在浏览器中进行检查，Console没有任何错误打印

这就排除了 引入文件路径问题/引入文件因格式问题没有被当作css文件进行处理的问题

3 在Sources中翻到了页面导入的依赖文件及其结构，发现common.css文件是有正常导入的，只是没有更新

这样问题指向就比较清楚了，导入加载没有问题，浏览器的缓存类的内容使得页面资源没有更新

4 chrome下页面cache的控制