LESS файл не работает на стороне клиента

Question

Я только что загрузил тему Amelia с bootswatch.com и назвал ее AmeliaBootswatch.less. Также я скачал файл переменных и назвал его AmeliaVariables.less.

В AmeliaBootstrap.less у меня есть следующий тег:

@import "AmeliaVariables.less";

Теперь на моей странице aspx у меня есть следующий код:

<link rel="stylesheet/less" 
          type="text/css" 
          href="Content/LESS/AmeliaBootstrap.less" />
<script src="Scripts/LESS-1.5.0.min.js"
        type="text/javascript">
</script>
<script type="text/javascript">
        less.watch();
</script>

less.watch() неоднократно получает файлы AmeliaBootstrap.less и AmeliaVariables.less без каких-либо ошибок.

Может кто-нибудь помочь мне с этим?

Answer 1

По умолчанию LESS запускается в "производственном" режиме (если страница не запущена с "localhost"), поэтому он не уведомляет, если во время компиляции возникает какая-либо ошибка. Вам может потребоваться установить режим разработки, чтобы увидеть возможные ошибки, например:

<script type="text/javascript">
    less.env = "development";
</script>

Параметры LESS должны быть указаны до самого сценария less.