Squeak.ru - шаблоны программирования

Использовать компонент Angular2 в Angular4

Есть ли возможность использовать компоненты angular2 в angular4? В моем случае я хочу использовать библиотеку для создания диаграмм: https://devarchy.com/angular/ng2-nvd3, но, к сожалению, его зависимости слишком малы для моего приложения. Разве компоненты angular2 не совместимы с angular4?

NPM пытается установить пакет

[email protected] D:\QLook2\App\trunk\QLook2.Client
+-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- UNMET PEER DEPENDENCY @ngrx/[email protected]
`-- [email protected]
  +-- [email protected]
  +-- [email protected]
  `-- [email protected]

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN @ngrx/[email protected] requires a peer of @angular/core@^2.0.0-rc.0 but none was installed.
npm WARN @ngrx/[email protected] requires a peer of @ngrx/store@^1.5.0 but none was installed.
npm WARN [email protected] requires a peer of @angular/common@^2.3.1 but none was installed.
npm WARN [email protected] requires a peer of @angular/core@^2.3.1 but none was installed.
npm WARN [email protected] requires a peer of @angular/core@^2.2.0 but none was installed.

PS. Я не могу понизить версию библиотек приложений PS2. Мне нужна эта библиотека, потому что в моем приложении необходимы несколько осей Y.

11.07.2017

  • Обычно вы можете использовать большинство компонентов Angular 2 в Angular 4 :) 11.07.2017
  • Установите его, и вы увидите подобные ошибки WARN для вашей новой библиотеки. Но это будет работать, просто требуемые версии для этой библиотеки не совпадают с теми, которые вы установили. Если это не работает, установите обе версии его зависимостей. 11.07.2017

Ответы:


1

Единственное решение, которое я нашел (это не на длительный срок):

Перейдите в node_modules\webpack-dev-server\lib и откройте файл Server.js.

Server.prototype.checkHost = function(headers) {
    ...

    // disallow
    return false;
}

измените «возврат false» на «возврат true». Сохраните и снова запустите свой проект.

17.08.2017

2

Компоненты, созданные в Angular 2, можно использовать в Angular 4, но модули, которые используются в версии angular 2, совместимы только с этой версией. Поэтому для ответа на ваш запрос вам необходимо установить модуль, совместимый с версией angular 4.

13.11.2017
Новые материалы

Угловая структура архитектуры
Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

«Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

Создайте API с помощью Python FastAPI
Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

Веселье с прокси-сервером JavaScript
Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...