Angularjs 控制台中的缩小错误“；拒绝执行，因为其MIME类型（'；text/html'；）不可执行，并且启用了严格的MIME类型检查"；

我需要缩小文件夹“js”中的所有js文件（使用Adobe Experience Manager），该文件夹也包括“angular.min.js”

在尝试这样做时，它在chrome中抛出了一个错误

拒绝执行脚本“angular.min.js”，因为其MIME类型（“text/html”）不可执行，并且启用了严格的MIME类型检查

---

如何解决此问题？

我建议您将Angular等第三方库与您自己的客户端库分开。因为您通常不希望缩小这些第三方库，但确实希望缩小自己的客户端库

例如：

etc/
├── clientlibs/
|   └── myproject/
|       └── vendor/
|           └── angular/
|               ├── angular.min.js
|               ├── .content.xml
|               └── js.txt
└── designs/
    └── myproject/
        └── myclientlib/
            ├── js/
            |   └── myclientlib.js
            ├── .content.xml
            └── js.txt

然后可以使用以下clientlib定义：

/etc/clientlibs/myproject/vendor/angular/.content.xml

：

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
      jcr:primaryType="cq:ClientLibraryFolder"
      categories="[myproject.angular]"
      jsProcessor="[default:none]"/>

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
      jcr:primaryType="cq:ClientLibraryFolder"
      categories="[myproject.myclientlib]"
      jsProcessor="[min:gcc]"/>

jsProcessor=“[min:gcc]”

通过谷歌闭包编译器实现缩小

您可以在HTL（以前的Sightly）模板中轻松使用这两个ClientLib：

<sly data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html">
    <sly data-sly-call="${clientlib.js @ categories='myproject.angular'}"/>
    <sly data-sly-call="${clientlib.js @ categories='myproject.myclientlib'}"/>
</sly>

---

注意：您可以自由选择clientlib类别名称

myproject.angular

和

myproject.myclientlib

。在我的示例中，您不必使用这些名称。但是我建议使用一些名称空间，比如

myproject

，非常感谢！它起作用了……但ngStorage也是罪魁祸首……我复制了ngStorage.js而不是ngStorage.min.js。