关于ng-alain安装的一些采坑

ng-alain 是一个企业级中后台前端/设计解决方案脚手架,最近做车联网项目决定用这个模板。

首先安装node,angular-cli ,npm等基础工具,没问题。

接下来ng new project 新建项目,选择 less ,项目建好了,没问题;

接下来执行 ng add ng-alain,出现了太多的问题了,下面一一描述。

一、根本不安装不成功,ng new 时已经把node_modules里面的依赖安装好,但ng add ng-alain时需要安装ng-alain的一些依赖,此时会出现与之前依赖重复的,npm不会重新安装,此时,命令执行不下去了,出现依赖冲突;解决方法:在执行ng add ng-alain之前把node_modules全部删除。

二、执行成功安装依赖后,选择各种选项后出现Cannot read property 'entries' of undefined,找了很多方法,网上有些文档说是因为cli版本过高的问题,找了很多方法未果。

 

考虑到npm安装的一系列缺陷,改用yarn安装依赖。

修改ng的安装   ng config -g cli.packageManager yarn

重头新建项目,删除node,执行 ng add ng-alain,此时出现:

看起来成功了,然而并没有完,又出现各种各样的错误,最终发现是node-sass没装好的原因,但是之前项目装的是less 呀?为什么出现这个问题,无解……

接下来用安装  yarn add node-sass

这次没有删node-module,直接执行ng add , 没问题,一路顺利执行下去,遇到一些警告,不管,虽然最后没有提示安装成功,但是依然执行了ng serve  

很开心,项目编译成功,浏览器输入 http://localhost:4200/,看起来在转圈,以为成功了,然而并没有……控制台出报错:

找到src\app\layout\passport\passport.component.html

<header-i18n showLangText="false" class="langs"></header-i18n>,这是什么鬼,删掉,终于成功了!

猜你喜欢

转载自blog.csdn.net/cqliaojing/article/details/86529500