• Failed to find a valid digest in the 'integrity' attribute for resource


    一、Bootstrap  引入报错


    在使用bootstrap过程中发现无法使用下拉导航栏,或者是显示不出效果。

    Failed to find a valid digest in the 'integrity' attribute for resource 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css' with computed SHA-384 integrity

    原因

    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rTTiRUKnSWaDu2FjhzWFl8/JuUZMlplyWE/djenb2LoKqkgLGfEGfSrL7XDLoB1M" crossorigin="anonymous">
        
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-Nj1D6pu2WnJojj+67GiU9ZFNwbl7bUWX5Kj5MS22C8bGjllemM9pvQyvj14zJb58" crossorigin="anonymous">script>

    解决方案

    删除  integrity="xxx..." crossorigin="anonymous"

    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
        
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js">script>

     

     

     

     
    html>
    <html lang="zh-CN">
      <head>
        
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    
        
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rTTiRUKnSWaDu2FjhzWFl8/JuUZMlplyWE/djenb2LoKqkgLGfEGfSrL7XDLoB1M" crossorigin="anonymous">
    
        <title>Hello, world!title>
      head>
      <body>
        <h1>Hello, world!h1>
    
        
    
        
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-Nj1D6pu2WnJojj+67GiU9ZFNwbl7bUWX5Kj5MS22C8bGjllemM9pvQyvj14zJb58" crossorigin="anonymous">script>
    
        
        
      body>
    html>

     

  • 相关阅读:
    pip & anaconda 设置 国内镜像源
    【Linux】线程
    Hadoop sqoop
    双十一购物狂欢节准备好买什么了吗?双十一这些好物不能错过
    47.各种类型的线程池
    亚马逊加湿器UL998测试报告,测试项目
    jdbc操作mysql
    (十三)MyBatis的逆向工程
    数据库:常用数据库的创建
    【web-攻击用户】(9.5)同源策略:与浏览器扩展、HTML5、通过代理服务应用程序跨域
  • 原文地址:https://www.cnblogs.com/huaxiayuyi/p/16731947.html