javascript - Bootstrap popper.js 无法在资源的 'integrity' 属性中找到有效的摘要

Question

从引导页面使用 cdn 会导致我的所有引导页面出现此错误

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

Failed to find a valid digest in the 'integrity' attribute for resource 'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js' with computed SHA-256 integrity 'f/3u5OOj9c7fUgL5NEWK2U65jTKCMSzCWp6P+l+eKGI='. The resource has been blocked.

如果您在任何项目中使用 bootstrap，您也可能会看到此错误

Answer 1

这似乎是 popper 的过时包含片段。

目前，最新的 Bootstrap 文档显示这是他们的 popper 代码段

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" 
    integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" 
    crossorigin="anonymous"></script>

如果您想包含当前列出的版本，您可以像这样完全删除完整性属性(您可以在此处阅读该属性的作用 What are the integrity and crossorigin attributes? )

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
    crossorigin="anonymous"></script>

看起来您的浏览器也可能不支持 sha384 哈希作为有效摘要，因此您也可以将摘要更新为您的浏览器支持的摘要，如下所示

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
    integrity="sha256-f/3u5OOj9c7fUgL5NEWK2U65jTKCMSzCWp6P+l+eKGI="
    crossorigin="anonymous"></script>