如何使用@import绕过文件位置长度限制？

Question

当前，我在尝试导入我的scss变量时遇到了麻烦。使用@import语句时，您可以在文件树中浏览多远。

这可以在上方的另一个文件中使用：

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

但是，这在上面下面的文件中不起作用：

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

它在控制台中表示File to import is not found for unreadable。如果可以将变量文件放在同一位置，那会很好。有没有人有什么建议？我知道这可能是一个简单的解决方法。

Answer 1

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

以上文章建议您可以执行以下操作：

@import “~variables.scss”;

Whist将其标识为非相对导入。它基本上会指向src文件夹。

Answer 2

今天早晨，当我打开Visual Studio时，它又开始工作了。

除了删除cap production jobworker:stop cap production jobworker:start 文件夹并使用node_modules重新安装它们之外，我没有做任何其他更改。

然后我关闭Visual Studio并重新启动机器，直到今天早上才重新打开它。

希望这可以解决其他人的问题（如果有的话）。