学习ABP ASP.NET Core with Angular 环境问题

2018-06-24 00:36:38来源：未知阅读 ()

1. 前言　

最近学习ABP架构搭建ASP.NET Core with Angular遇到了些问题，折腾了一个礼拜最终在今天解决了，想想这个过程的痛苦就想利用博客记录下来。其实一直想写博客，但因为　　时间忙和惰性一直没有写。之前也遇到些问题，费了很大劲最后解决了，但过了好久又遇到类似问题，但想不起来之前怎么解决了，又一阵各种百度尝试解决了，所以写博客的好处就是记录下来。

2. 下载ASP.NET Core 2.x + Angular代码

先在ABP官网（https://aspnetboilerplate.com）下载了ASP.NET Core 2.x + Angular最新版

3. 后台编译运行

下载后按官方说明后台编译运行一切正常　

Introduction

The easiest way of starting a new project using ABP with ASP.NET Core with Angular is to create a template on templates page. Remember to check "Include module zero". After creating and downloading your project, follow below steps to run your application.

ASP.NET Core Application

- Open your solution on Visual Studio 2017+ and build the solution.
- Select the 'Web.Host' project as startup project.
- Open Package Manager Console and run Update-Database command to create your database (ensure that Default project is selected as .EntityFrameworkCore in the Package Manager Console window).
- Run the application. It will show swagger-ui if it is successfull:

4. angular项目运行遇到错误

当跑angular项目的时候，一直跑不起来报错，开始以为是我电脑环境安装问题，一直卸载重装，什么node、typescript、angular/cli 重装了个遍，npm install安装是成功的，主要卡在npm start，到最后一直报Error webpack的错，查找了很多资料，我想应该还是安装包的版本不对的问题。最后又找到官方文档，又按官方文档做了一遍还是不行，并对环境安装包的版本都核对了一遍是对的，但在文档里看到yarn的说明，于是点进去了解了一下

5. 问题诊断与解决

在错误信息里也出现yarn的不支持说明（中文官网：https://yarnpkg.com/zh-Hans/），肯定给这个yarn有关，于是就下载安装，但安装后命令一直无效，最后干脆重启电脑，电脑重启后命令可以用了，窃喜，于是又删除包进行npm install，再进行npm start，还是报错。于是又详细了解了一下yarn的说明和使用，找到了一篇说yarn和npm的区别的文章（http://web.jobbole.com/88459/）

安装的时候无法保证速度/一致性

安全问题，因为 npm 安装时允许运行代码

这是给npm对比重要的两点，这个一致性很重要，我怀疑就是我的环境安装包和作者的环境安装包不一致导致的，于是我查看了yarn的相关使用和语法，我先尝试了npm install，然后再yarn install，npm start发现还是报错，错误信息不一样了，最后又删除了node_modules目录，重新yarn install，npm start，运行成功了！！

6. 总结

通过这个问题解决的过程，让我了解到了yarn，就是如官网（https://yarnpkg.com/zh-Hans/）上说明的一样快速、可靠、安全的依赖管理。可靠使你在不同的电脑安装依赖包的环境一致，我正是因为和作者安装包的依赖项环境不一致导致一直运行不成功，环境不一致往往是因为一些包的升级后npm安装包不精准导致的问题。

同时，遇到问题要坚持去解决、遇到新技术要先去了解，还要养成写博客的习惯，遇到问题记录下来。