我正在使用LESS开发一个网站,我似乎无法使其正常运行。我只是不断收到以下消息:
已完成,没有装入纸张。
我正在http服务器网络服务器上运行以查看较少的效果,我的Chrome控制台没有错误或404等。我现有的代码是超级基本的,因为我只是测试时间存在。我唯一能想到的可能是脚本排序问题或者可能是冲突?
HTML:
<!DOCTYPE html>
<html>
<head>
<title>TrakMan | Re-Brand | Version 1</title>
<!-- LESS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js"></script>
<!-- Styles and Fonts -->
<!-- Font Import -->
<link href="https://fonts.googleapis.com/css?family=Maven+Pro" rel="stylesheet">
<!-- Bootstrap CSS CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Trakman Styles -->
<link rel="stylesheet/less" type="text/css" href="css/styles.less" />
</head>
<body>
<!-- JS SCripts -->
<!-- JQuery CDN -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<!-- Bootstrap JS CDN -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Font Awesome CDN-->
<script src="https://use.fontawesome.com/c704ae342d.js"></script>
</body>
</html>
variables.less:
// Colours
@primary: #F86301;
@primary-light: #FF8C3A;
@primary-lighter: #FFA564;
@primary-dark: #C75200;
@primary-darker: #9C4100;
@dark: #222;
@light: #E7E7E7;
// Fonts
@family: 'Maven Pro', sans-serif;
@size: 14px;
styles.less:
@import "variables.less";
html {
font-family: @family;
font-size: @size;
}
body {
background: @dark;
}