Я пытаюсь создать веб-сайт для списка покупок, где я получаю продукты из базы данных MS SQL. Когда я открываю свою страницу HTML, на которой есть только панель навигации, в данный момент материализация работает совершенно нормально локально, но когда я открываю ее на localhost с помощью NodeJS, стили материализации не работают. Я использую sass-версию materialize, расположенную в том же каталоге, что и мои файлы HTML и JavaScript.
Package. json
"name": "Website",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"scss": "node-sass --watch scss -o css"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"express": "^4.17.1",
"materialize-css": "^1.0.0",
"mssql": "^6.2.0",
"tedious": "^8.2.0"
},
"devDependencies": {
"gulp-sass": "^4.0.2",
"node-sass": "^4.13.1"
}
}
Мой html файл, который я пытаюсь отобразить с помощью NodeJs
<!DOCTYPE html>
<html>
<head>
<title>Velkommen</title>
<link rel="stylesheet" href="css/materialize.css">
</head>
<body>
<nav>
<div class="nav-wrapper">
<a href="#" class="brand-logo">Logo</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="badges.html">Components</a></li>
<li><a href="indkøb.html" >Indkøbsliste</a></li>
</ul>
</div>
</nav>
</body>
</html>