Невозможно использовать директиву, опубликованную как пакет NPM в Angular 8 и Ionic 4 - PullRequest
Новая
       49

Невозможно использовать директиву, опубликованную как пакет NPM в Angular 8 и Ionic 4

0 голосов
/ 13 октября 2019

Я создал одну директиву в Ionic 4 и Angular 8. После сборки ниже приведена форма структуры папок. (Найдите изображение, используя ссылку ниже)

Создание структуры папок с более новой версией Angular Ionic

Я опубликовал это как пакет NPM, но когда я пытаюсь импортировать модуль вдругое приложение, которое не показывает предложения в Webstrom при наборе имени модуля, вместо этого мне нужно вручную добавить импорт. Мне нужно добавить импорт следующим образом

import {IonicColorPickerModule} from 'ionic-color-picker/dist/out-tsc/src';

Но когда я пытаюсь использовать директиву, экспортированную этим модулем в html-файл, она не работает. Пожалуйста, помогите мне решить, что происходит.

Ниже приведены зависимости, которые я добавил в package.json. 

"devDependencies": {
    "@angular/common": "~8.1.2",
    "@angular/compiler": "~8.1.2",
    "@angular/compiler-cli": "~8.1.2",
    "@angular/core": "~8.1.2",
    "@angular/forms": "~8.1.2",
    "@angular/platform-browser": "~8.1.2",
    "@angular/platform-browser-dynamic": "~8.1.2",
    "@types/node": "~8.9.4",
    "@angular/router": "~8.1.2",
    "@ionic/angular": "^4.7.1",
    "rxjs": "~6.5.1",
    "typescript": "~3.4.3",
    "zone.js": "~0.9.1"
  }

Я чувствую, что проблема заключается в разной структуре папок сборки сAngular и Ionic более новая версия. Потому что я уже опубликовал директиву в Ionic 3, и она работает нормально. Ниже приведена структура папки сборки с более ранней версией. (Найдите изображение, используя ссылку ниже)

Создание структуры папок с более ранней версией Angular Ionic

Вы можете найти мой репозиторий GitHub здесь

...