Как обойти ограничение длины расположения файла с @import?

Question

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

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

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

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

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

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

Answer 1

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

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

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

Надеюсь, это решит проблему кого-то другого, как эта, если она у него есть.

Answer 2

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

В приведенной выше статье предлагается, чтобы вы могли это сделать:

@import “~variables.scss”;

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