MeteorJS + materizalize-css

The setup is pretty darn easy but i dont get it why it wont work…

First the setup:

meteor create notWorking --full
meteor npm install materialize-css@next

/imports/ui/pages/home/home.html :

<template name="App_home">
    <div class="navbar-fixed">
            <div class="nav-wrapper">
                <a href="#" data-target="standardMenu" class="sidenav-trigger"><i class="material-icons">search</i></a>
                <ul class="left hide-on-med-and-down">
                    <li><a href="#" id="search"><i class="material-icons">search</i></a></li>
                    <li><a href="">Home</a></li>
                    <li><a href="">Cube types</a></li>
                    <li><a href="#" data-target="userMenu" class="sidenav-trigger"><i class="material-icons">account_box</i></a></li>

                <a href="#" class="brand-logo center">Logo</a>

    <ul id="userMenu" class="sidenav">
            <div class="user-view">
                <div class="background" style="background-color:lightblue">

                <a href="#user">userPicture</a>
                <a href="#name"><span class="white-text name">John Doe</span></a>
                <a href="#email"><span class="white-text email"></span></a>
        <li><a href="#!"><i class="material-icons">cloud</i>First Link With Icon</a></li>

/imports/ui/pages/home/home.js :

import './home.html';

import '../../components/hello/hello.js';
import '../../components/info/info.js';

import M from 'materialize-css';
import {Template} from "meteor/templating";

Template.App_home.onRendered(function appBodyOnCreated() {
    const userMenu = $('#userMenu');
    M.Sidenav.init(userMenu, {edge: 'right'});

the navbar does not get rendered correctly…any clue?

I just have downloaded the materialize css + icons css and imported them manually… now it works…

this thread can be closed.

just a little verdict: never user because they break the app…

I have a boilerplate here. Hope it helps