Как обойти ограничение длины файла с помощью @import?

В настоящее время я борюсь с проблемой, пытающейся импортировать переменные scss. Кажется, существует ограничение на то, насколько далеко вы можете пойти в дереве файлов при использовании оператора @import .

Это работает в другом файле:

@import '../../../styles/data/variables.scss'

Однако это не работает в файле чуть ниже:

@import '../../../../styles/data/variables.scss'

В консоли говорится, что File to import is not found for unreadable . Было бы неплохо, если бы я мог хранить файл переменных в одном месте. У кого-нибудь есть предложения? Я знаю, что это, вероятно, простое решение.

Всего 2 ответа


https://netbasal.com/angular-cli-and-global-sass-variables-a1b92d8ca9b7

В приведенной выше статье вы можете сделать следующее:

@import “~variables.scss”;

Вист определяет это как не относительный импорт. В основном это src папку src .


Сегодня утром, когда я открыл свою Visual Studio, он снова начал работать.

Я ничего не менял, кроме как удалить папку node_modules и использовать npm install для их node_modules установки.

Затем я закрыл Visual Studio и перезапустил свою машину, только повторно открыв ее сегодня утром.

Надеюсь, это разрешит чужую проблему, как если бы она была.


Есть идеи?

10000