UseMuse / ex

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ex

This project was generated with Angular CLI version 14.2.10.

Соддержит 2 каталога:

  1. my-libs-workspace - рабочее пространство с библиотекой my-lib внутри
  2. my-app - приложение которое использует библиотеку my-lib

Описание

Репозиторий созданный с целью демонстрации ошибки импорта сервиса TestServiceService из библиотеки my-lib в компоненте AppComponent проекта my-app (который использует эту библиотеку, установку см в package.json проекта my-app)

Описание ошибки

Текст ошибки: ./src/app/app.component.ts:2:0-63 - Error: Module not found: Error: Package path ./lib/services/test-service.service is not exported from package ...\ex\my-app\node_modules\my-lib (see exports field in ...\ex\my-app\node_modules\my-lib\package.json)

import { Component } from '@angular/core';
//import { TestServiceService } from 'my-lib/lib/services/test-service.service';//dont work
import { TestServiceService } from 'my-lib'; //work
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  title = 'my-app';
  constructor(private MyLibService: TestServiceService) {}
}

Как воспроизвести ошибку

Скачиваем репозиторий, заходим в my-libs-workspace, выполняем команды npm install, npm run pack.
Заходим в my-app, выполняем команды npm install, npm run install:my-lib, запускаем проект npm run start
Наблюдаем ошибку, чтобы устранить ошибку, в файле app.component.ts меняем импорт с нерабочего на рабочий

Вопросы

Как сделать сконфигурировать рабочее пространство библиотек или саму библиотеку или проект использующий библиотеку, таким образом, чтобы было возможно импортировать сущности из библиотеки my-lib различными способами, например:

import { TestServiceService } from 'my-lib';
import { TestServiceService } from 'my-lib/lib/services';// не работает, а хотелось бы
import { TestServiceService } from 'my-lib/lib/services/test-service.service';// не работает, а хотелось бы

About


Languages

Language:HTML 67.0%Language:TypeScript 24.6%Language:JavaScript 8.2%Language:CSS 0.2%