Javascript 未捕获的TypeError:$（…）。sidenav不是函数_Javascript_Jquery_Materialize

Javascript 未捕获的TypeError:$（…）。sidenav不是函数

javascript jquery

Javascript 未捕获的TypeError:$（…）。sidenav不是函数,javascript,jquery,materialize,Javascript,Jquery,Materialize,当我尝试开始一个页面时，总是会发生这样的错误：未捕获的TypeError:$（…）。sidenav不是函数在HTMLDocument。（index.html:59）在j处（jquery-3.2.1.min.js:2）在k处（jquery-3.2.1.min.js:2）为什么会出现这种情况？我似乎做的每件事都是对的 index.html： <!DOCTYPE html> <html> <head> <!--Import Google I

当我尝试开始一个页面时，总是会发生这样的错误：

未捕获的TypeError:$（…）。sidenav不是函数

在HTMLDocument。（index.html:59）

在j处（jquery-3.2.1.min.js:2）

在k处（jquery-3.2.1.min.js:2）

为什么会出现这种情况？我似乎做的每件事都是对的

index.html：

<!DOCTYPE html>
<html>

<head>
    <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
        header,
        main,
        footer {
            padding-left: 300px;
        }

        @media only screen and (max-width : 992px) {

            header,
            main,
            footer {
                padding-left: 0;
            }
        }
    </style>
</head>

<body>
    <nav>
        <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
    </nav>

    <ul id="slide-out" class="sidenav">
        <li>
            <div class="user-view">
                <div class="background">
                    <img src="images/office.jpg">
                </div>
                <a href="#user"><img class="circle" src="images/yuna.jpg"></a>
                <a href="#name"><span class="white-text name">John Doe</span></a>
                <a href="#email"><span class="white-text email">jdandturk@gmail.com</span></a>
            </div>
        </li>
        <li><a href="#!"><i class="material-icons">cloud</i>First Link With Icon</a></li>
        <li><a href="#!">Second Link</a></li>
        <li>
            <div class="divider"></div>
        </li>
        <li><a class="subheader">Subheader</a></li>
        <li><a class="waves-effect" href="#!">Third Link With Waves</a></li>
    </ul>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/materialize.min.js"></script>

    <script>
        $(document).ready(function () {
            $('.sidenav').sidenav();
        });
    </script>
</body>

</html>


标题，
主要的，
页脚{
左侧填充：300px；
}
@仅介质屏幕和（最大宽度：992px）{
标题，
主要的，
页脚{
左侧填充：0；
}
}









$（文档）.ready（函数（）{
$（'.sidenav'）.sidenav（）；
});

试试materialise CDN。

https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js

我认为

.sidenav（）

是物化的一部分；也许加载不正确（浏览器网络选项卡会告诉您），我下载了完全相同的文件，但出现了一个错误，现在我再次下载了相同的文件，它消失了什么类型