Question

我正在进行镀铬扩展，并且ng-hide无法工作，因为我无法访问角度样式。要访问它们，我需要手动包含angular-csp.css文件（如下所述：https://docs.angularjs.org/api/ng/directive/ngCsp）。

但是，我似乎无法正确加载angular-csp.css文件。每当我的页面加载时，控制台都会抛出一个＆＃34; Uncaught SyntaxError：Unexpected token ILLEGAL＆＃34;错误。

正如此处所述：No visible cause for "Unexpected token ILLEGAL"，＆＃39; @＆＃39;符号似乎是非法的，因为是unicode零宽度空间。我尝试使用angular-csp.css代码并自己重新输入代码，但它仍然存在错误。

这是我使用的angular-csp.css文件：https://code.angularjs.org/snapshot/angular-csp.css

以及我手动重新输入的文字：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
 .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
  display: none !important;
}
ng\:form {
  display: block;
}

这个神奇的破碎角色在哪里？

Answer 1

查看here后，我在index.html页面上切换了对css文件的引用：

<script src="angular_source/angular-csp.css"></script>

到

<link rel="stylesheet" href="angular_source/angular-csp.css" />

它不再是错误。

我也意识到它不再是错误，因为脚本标签不用于要求css文件......

Angular-csp.css打破了chrome扩展

1 个答案: