Блог

Главная - Вопросы по программированию - Могу ли я использовать гибкую компоновку с Angular и .NETCore

Могу ли я использовать гибкую компоновку с Angular и .NETCore

#angular #asp.net-core #angular-flex-layout

#angular #asp.net-core #angular-flex-layout

Вопрос:

Я создаю тестовое приложение с Angular и .Net Core 3. Однако, когда я устанавливаю Flexlayout и запускаю свое приложение, я получаю «Не удается ПОЛУЧИТЬ /». Я попытался установить Flexlayout в совершенно новый проект и получил ту же ошибку. Это гибкое описание даже совместимо с .NETCore?

Комментарии:

1. Angular flexlayout — это чисто пакет NPM, поэтому его установка в ваш проект angular не должна напрямую влиять на ASP.NET Базовая сборка. Можете ли вы запустить ng build из своего каталога проекта angular и опубликовать результаты? Также, если в Output окне Visual Studio появляются какие-либо ошибки, опубликуйте их здесь

2. Это для совершенно нового проекта. Сначала я запускаю эту установку npm — сохраните @angular / flex-layout @angular / cdk в cmd, в каталоге angular моего приложения. Я добавляю импорт в app.module.ts. И затем я создаю проект. Команда ng build и выходные данные в VS показывают одно и то же — pastebin.com/9U4qCN0Y . Когда браузер открывается, я вижу «Не удается ПОЛУЧИТЬ /».

3. Проблема возникает, когда я добавляю import { FlexLayoutModule } из ‘@angular / flex-layout’; в файл app.module.ts и добавляю FlexLayoutModule в раздел импорта. Когда я удаляю его, проект запускается должным образом.

4. После установки Flexlayout я вижу, что есть сообщение — найдено 277 уязвимостей (269 слабых, 1 умеренная, 7 высокая), запустите npm audit fix для их исправления или npm audit для получения подробной информации. Итак, я запустил команду исправления аудита npm, и когда я запускаю проект, я вижу это — pastebin.com/E0QquH9e . Так что это тоже не помогло 🙂

5. Я посмотрю на это

Ответ №1:

Итак, после недели решения этой проблемы я, наконец, решил ее. Причинами ошибки являются :

  1. установленный angular cli на моем компьютере был самым новым (10), в то время как в проекте VS2019 (шаблон сборки Angular) используется 8.2.1.

2. гибкая компоновка также была самой новой версией

  1. угловой cdk был равен 10

Итак, я удалил свой angular cli глобально и установил версию 8.2.1. Я также установил версию 8.2.1 cdk и flex layout. И теперь я не получаю ошибку при запуске проекта. ПО крайней мере, на данный момент: D: D: D