相关疑难解决方法(0)

我想重用 Angular 5 项目中使用 Less 的一些结构。在这个旧项目中，我可以简单地.less使用组件内的这一行加载文件：

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

这将加载：

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

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

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

摘自angular.json：

"my-app": {\n  "prefix": "app",\n  "schematics": {\n    "@schematics/angular:component": {\n      "styleext": "less"\n    }\n  },\n  "architect": {\n    "build": {\n      "options": {\n        "styles": [\n          "src/styles.less",\n          "app/shared/less/styles.less"\n

然而该行

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

\xe2\x80\xa6 编译时出现错误：

\n

编译失败。
\n ./src/app/shared/component/some.component.less
\n 模块构建失败：
\n @import \'~app/shared/less/bootstrap\';
\n ^
\n \'~app/shared/less/bootstrap\' …