【问题标题】:Can I use Flex Layout with Angular and .NetCore我可以将 Flex Layout 与 Angular 和 .Net Core 一起使用吗
【发布时间】:2020-12-16 01:26:12
【问题描述】:

我正在使用 Angular 和 .Net Core 3 构建一个测试应用程序。但是,当我安装 Flexlayout 并运行我的应用程序时,我得到一个“无法获取 /”。我尝试在一个全新的项目中安装 Flexlayout,我得到了同样的错误。它的Flexlayout 竟然兼容.NetCore?

【问题讨论】:

  • angular flexlayout 纯粹是一个 NPM 包,因此将其安装到您的 Angular 项目中不应直接影响 ASP.NET Core 构建。你能从你的 Angular 项目目录中运行ng build 并发布结果吗?此外,如果 Visual Studio Output 窗口中弹出一些错误,请在此处发布
  • 这是一个全新的项目。首先,我在我的应用程序的 angular 目录中的 cmd 中运行这个 npm install --save @angular/flex-layout @angular/cdk。我在 app.module.ts 中添加了导入。然后我建立项目。 ng build 命令和 VS 中的输出显示相同的内容 - pastebin.com/9U4qCN0Y。当浏览器打开时,我看到“Cannot GET/”。
  • 当我添加 import { FlexLayoutModule } from '@angular/flex-layout' 时出现问题;在 app.module.ts 文件中,并在导入部分添加 FlexLayoutModule。当我删除它时,项目按预期运行。
  • 安装 Flexlayout 后,我​​看到一条消息 - 发现 277 个漏洞(269 个低、1 个中等、7 个高)运行npm audit fix 修复它们,或运行npm audit 了解详细信息。所以我运行了 npm audit fix 命令,当我运行项目时,我看到了这个 - pastebin.com/E0QquH9e 。所以这也没有帮助:)
  • 我去看看

标签: angular asp.net-core angular-flex-layout


【解决方案1】:

所以,在处理这个问题一周后,我终于解决了。错误原因是:

  1. 在我的机器上安装的 Angular cli 是最新的 (10),而在项目中 VS2019(Angular 构建模板)使用的是 8.2.1。

2.flex布局也是最新版本

  1. 角度 cdk 为 10

所以我全局卸载了我的 angular cli 并安装了 8.2.1 版。我还安装了 cdk 和 flex 布局的 8.2.1 版。现在我在运行项目时没有收到错误消息。至少现在 :D :D :D

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-25
    • 2017-07-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多