Javascript Angular 6-Less CSS的导入不再有效

我想重新使用Angular 5项目中使用较少的一些结构。在这个旧项目中，我可以使用以下代码行从组件中加载.less文件：

@import '~app/shared/less/bootstrap';

这将加载：

/my-app/src/app/shared/less/bootstrap.less

现在我有一个空白的Angular 6项目，它也被配置为使用较少的预处理器：

ng new my-app --routing --style less

从angular.json中提取：

然而这条线

@import '~app/shared/less/bootstrap';

…编译时出错：

未能编译。 ./src/app/shared/component/some.component.less 模块生成失败： @导入“~app/shared/less/bootstrap”； ^ 未找到“~app/shared/less/bootstrap”

我还尝试：

@import '.app/shared/less/bootstrap';
@import '.src/app/shared/less/bootstrap';
@import '~app/shared/less/bootstrap.less';

…一点运气都没有

我忘记配置什么了吗？

在angular 6中，您必须将所有文件导入Main在您的示例中是src/styles.less css文件：

仅在angular.json put中：

在styles.less中，使用/在应用之前导入您想要的所有文件：

请参见我对css的回答：

要编辑/src/app..：

在angular 6中，您必须将所有文件导入Main。在您的示例中，src/styles.less css文件：

仅在angular.json put中：

在styles.less中，使用/在应用之前导入您想要的所有文件：

请参见我对css的回答：

要编辑/src/app..：

---

尝试将extantion添加到importslike.js、.css@import.app/shared/less/bootstrap.less'；谢谢你的建议。正如问题中提到的——不幸的是，我已经尝试过了，但没有任何运气。请看我的答案，使用app:@import./app/shared/less/bootstrap.less'@15009;נץ•ההה你的想法很接近。我使用完全限定的路径@import./src/app/-include./和src使其工作。谢谢你会将此添加到你的答案中吗？尝试将extantion添加到你的importslike.js、.css@import.app/shared/less/bootstrap.less'；谢谢你的建议。正如问题中提到的——不幸的是，我已经尝试过了，但没有任何运气。请看我的答案，使用app:@import./app/shared/less/bootstrap.less'@15009;נץ•ההה你的想法很接近。我使用完全限定的路径@import./src/app/-include./和src使其工作。谢谢你能把这个加到你的答案里吗？再次非常感谢。在将所有mixin和变量导入到angular.json中链接的文件时，是否有一种方法可以使它们在组件中也可用？这样就不再需要在每个组件中导入mixin和变量了？不幸的是，StylePreprocessions仅适用于SASS。再次感谢。在将所有mixin和变量导入到angular.json中链接的文件时，是否有一种方法可以使它们在组件中也可用？这样就不再需要在每个组件中导入mixin和变量了？不幸的是，StylePreprocessions仅适用于SASS。

@import '.app/shared/less/bootstrap';
@import '.src/app/shared/less/bootstrap';
@import '~app/shared/less/bootstrap.less';

  "styles": [
          "src/styles.less"
]

@import './app/shared/less/bootstrap.less';

@import './src/app/...'