Не удается подключить LESS к проекту

Большое спасибо за наводку, совершенно забыла про политику безопасности.:)

Пока решала проблему локальным сервером, выяснила, что данный способ подключения стилей к проекту вообще не является оптимальным с точки зрения лишней работы, выполняемой клиентом, и лучше использовать альтернативный - собирать всё (и стили в том числе) в бандл, и подключать уже готовый файл js.

На всякий случай, рецепт - для сборки я использовала Webpack. Для того, чтобы он прочитал стили в less, помимо Webpack, нужно установить загрузчики less-loader, сss-loader, style-loader, и настроить файл webpack.config.js следующим образом:

module.exports = {
entry: './app.js',
output: {
    filename: 'bundle.js'
},
module: {
    rules: [{
      test: /\.less$/, 
      loader: 'style-loader!css-loader!less-loader'
    }]
}

};

В entry указывается файл, который надо собрать, а в output - файл, получаемый на выходе. В loader перечисляем загрузчики для обработки less и css, а в test пишем регулярку, по которой загрузчики находят, какой файл следует обработать. В файле app.js должен быть подключен файл со стилями:

require('./less/main.less');

Теперь после запуска Webpack получаем файл bundle.js, содержащий всю js-логику, стили и зависимости, который и подключаем в index.html:

<script src= "./dist/bundle.js" >

В таком виде всё работает.