我一直在使用原理图来生成标准化项目。我有几个问题,所有这些都与angular.json
文件的修改有关
以下代码是我尝试过的示例,在一个可以工作的函数中执行(除了另一件事),并且其中的所有内容都被执行,除了这部分,这会引发错误:
无法读取未定义的属性“includePaths”
这对我来说没有任何意义。
您可以在这里看到的另一个问题是我似乎无法捕获项目的名称,因为我需要修改文件中“architect”中的内容angular.json
,我必须跳过项目的名称,我的解决方法是手动输入项目名称为
ng add myschemat --name=new-app
但是我应该能够捕获这个属性,我已经尝试过并且确实可以在控制台中看到它,但是当替换
options.name为p(来自注释forEach
函数)时它不起作用并显示无法获取'未定义的架构师属性
import {NodePackageInstallTask} from '@angular-devkit/schematics/tasks';
[...]
if(_host.exists('angular.json')){
const angularStr = _host.read('angular.json') !.toString('utf-8')
const angular = JSON.parse(angularStr)
const projs = (Object.keys( angular['projects'] )).slice(0, 1); //also tried [0]
console.log("App Detection & your options: \n", projs, "\n", options)
// projs.forEach((p: string | number) => {
angular['projects'][options.name]['architect']['build']['options']['stylePreprocessorOptions'] =
{
"includePaths": ["src/scss/"]
}
angular['projects'][options.name]['architect']['build']['options']['es5BrowserSupport']= true;
angular['projects'][options.name]['architect']['build']['options']['styles'].push(
[
"node_modules/devextreme/dist/css/dx.common.css",
"node_modules/devextreme/dist/css/dx.light.css",
"src/styles.scss"
]
)
// });
_host.overwrite('angular.json', JSON.stringify(angular, null, '\t'))
_context.addTask( new NodePackageInstallTask )
}
应该发生的是添加对象属性
"styles": [
"node_modules/devextreme/dist/css/dx.common.css",
"node_modules/devextreme/dist/css/dx.light.css",
"src/styles.scss"
],
"scripts": [],
"es5BrowserSupport": true,
"stylePreprocessorOptions": {
"includePaths": [
"src/scss/"
]
}
然而,当我编译ng add myschemat --name=new-app
安装停止并简单显示:无法读取未定义的属性“includePaths”
这很奇怪,因为它实际上可以工作,我只是添加了几个样式和那个真正的属性以及对 package.json 的一些更改(即使这些发生在这个 angular.json 修改之前,它们似乎并没有改变任何东西
我在这里肯定缺少什么吗?