search

tilwinjoy / angular-bootstrap-material

AngularJS directives for bootstrap material design components
http://tilwinjoy.github.io/angular-bootstrap-material
21 stars 13 forks source link

Uncaught TypeError: Cannot read property 'init' of undefined at HTMLDocument.<anonymous> (..material-dashboard.js?v=1.2.0:31:15) #17

Closed ghost closed 7 years ago

ghost commented 7 years ago

As you can see error in heading I am unable to initialize materialize style on my UI, I am running with this problem from last couple of hours and unable to fix yet, I have done already included arrive.min.js before material-dashboard.js so please don't mention in your solution.

below are scripts and css I am loding in sequence - `

<!--  Material Dashboard CSS    -->
<link href="../node_modules/material-dashboard/css/material-dashboard.css?v=1.2.0" rel="stylesheet"/>

<!--     Fonts and icons     -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,300|Material+Icons' rel='stylesheet' type='text/css'>

<!--   Core JS Files   -->
<script src="../node_modules/material-dashboard/js/jquery-3.1.0.min.js" type="text/javascript"></script>
<script src="../node_modules/material-dashboard/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../node_modules/material-dashboard/js/arrive.min.js" type="text/javascript"></script>
<script src="../node_modules/material-dashboard/js/material.min.js" type="text/javascript"></script>

<!--  Charts Plugin -->
<script src="../node_modules/material-dashboard/js/chartist.min.js"></script>

<!--  Notifications Plugin    -->
<script src="../node_modules/material-dashboard/js/bootstrap-notify.js"></script>

<!--  Google Maps Plugin    -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBwXN6k7T7X7o1bGH4YhZHEC_kFLi951ew"></script>

<!-- Material Dashboard javascript methods -->
<script src="../node_modules/material-dashboard/js/material-dashboard.js?v=1.2.0"></script>`

Thanks in advance.

tilwinjoy commented 7 years ago

Hi, If you're using this project (which is for AngularJS 1.x versions) you don't need to include arrive.js or material.js. If you're not using AngularJS, follow instructions at bootstrap-material-design and if you face issues report it there :)