Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Установка пакета в payment-widget #125

Closed
KentCpu opened this issue Aug 3, 2023 · 2 comments
Closed

Установка пакета в payment-widget #125

KentCpu opened this issue Aug 3, 2023 · 2 comments
Assignees
@TorinAsakura

Comments

@KentCpu
Copy link
Contributor

KentCpu commented Aug 3, 2023

Скоуп

Установка пакета в payment-widget

Описание

В packages/payment-widget выполнил yarn workspace payment-widget add @atls-ui-proto/input, зависимость добавилась в package.json, но при попытке импортировать компонент, возникает ошибка: "Module is not listed in package.json dependencies". При нажатии на автоматическую подсказку и выполнении установки, зависимость добавляется в корневой package.json и ошибка исчезает.

Контекст

Продолжение проблемы #124

Воспроизведение

  1. В packages/payment-widget выполнил команду yarn workspace payment-widget add @atls-ui-proto/input
  2. import { Input } from '@atls-ui-proto/input' в packages/payment-widget/ui/payment-settings.component.tsx
  3. Получил проблему при импорте: "Module is not listed in package.json dependencies"

Ожидаемое поведение

Успешный импорт

Логи

No response

Медиа-материалы

No response

Действия

  1. yarn why @atls-ui-proto/input
    └─ payment-widget@workspace:packages/payment-widget
    └─ @atls-ui-proto/input@npm:0.0.13 [eaf3f] (via npm:^0.0.13 [eaf3f])

  2. package.json (payment-widget):
    {
    "name": "payment-widget",
    "version": "0.0.2",
    "license": "BSD-3-Clause",
    "main": "src/index.ts",
    "files": [
    "dist"
    ],
    "scripts": {
    "build": "yarn library build",
    "prepack": "yarn run build",
    "postpack": "rm -rf dist"
    },
    "dependencies": {
    "@atls-ui-proto/input": "^0.0.13"
    },
    "devDependencies": {
    "@types/react": "^17.0.38",
    "react": "^17.0.2"
    },
    "peerDependencies": {
    "react": "^17.0.1"
    },
    "publishConfig": {
    "access": "public",
    "main": "dist/index.js",
    "typings": "dist/index.d.ts"
    }
    }

  3. yarn.lock
    "payment-widget@workspace:packages/payment-widget":
    version: 0.0.0-use.local
    resolution: "payment-widget@workspace:packages/payment-widget"
    dependencies:
    "@atls-ui-proto/input": ^0.0.13
    "@types/react": ^17.0.38
    react: ^17.0.2
    peerDependencies:
    react: ^17.0.1
    languageName: unknown
    linkType: soft

  4. yarn check
    yarn check
    ➤ YN0000: ┌ Format
    ➤ YN0000: └ Completed in 1s 60ms
    ➤ YN0000: Done in 1s 62ms
    ➤ YN0000: ┌ Typecheck
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/addon/addon.
    ➤ YN0000: │ styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/addon/addons
    ➤ YN0000: │ -container.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/attachment/a
    ➤ YN0000: │ ppearance/appearance.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/attachment/b
    ➤ YN0000: │ ase/base.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/attachment/p
    ➤ YN0000: │ osition/position.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/attachment/s
    ➤ YN0000: │ hape/shape.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/fields-addon
    ➤ YN0000: │ /divider-container.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/fields-addon
    ➤ YN0000: │ /field-addon.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/fields-addon
    ➤ YN0000: │ /field-addons-container.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/input/appear
    ➤ YN0000: │ ance/appearance.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/input/base/b
    ➤ YN0000: │ ase.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/input/raw-in
    ➤ YN0000: │ put.component.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module '@emotion/styled' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/input/shape/
    ➤ YN0000: │ shape.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-parts-input-virtual-85f2343774/0/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip/node_modules/@atls-ui-parts/input/dist/textarea/add
    ➤ YN0000: │ on/container/container.styles.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-proto-input-virtual-0bbe4266b5/0/cache/@atls-ui-proto-input-npm-0.0.13-a938ed77e9-2703ea37fe.zip/node_modules/@atls-ui-proto/input/dist/input.compon
    ➤ YN0000: │ ent.d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module '@emotion/styled' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-proto-input-virtual-0bbe4266b5/0/cache/@atls-ui-proto-input-npm-0.0.13-a938ed77e9-2703ea37fe.zip/node_modules/@atls-ui-proto/input/dist/input.styles
    ➤ YN0000: │ .d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: │ .yarn/virtual/@atls-ui-proto-input-virtual-0bbe4266b5/0/cache/@atls-ui-proto-input-npm-0.0.13-a938ed77e9-2703ea37fe.zip/node_modules/@atls-ui-proto/input/dist/input.styles
    ➤ YN0000: │ .d.ts
    ➤ YN0000: │
    ➤ YN0000: │ Error: Cannot find module 'styled-system' or its corresponding type declarations.
    ➤ YN0000: │
    ➤ YN0000: │
    ➤ YN0000: └ Completed in 3s 406ms

  5. git status
    Текущая ветка: feature/payment-widget
    Изменения, которые не в индексе для коммита:
    (используйте «git add <файл>...», чтобы добавить файл в индекс)
    (используйте «git restore <файл>...», чтобы отменить изменения в рабочем каталоге)
    изменено: .pnp.cjs
    изменено: packages/payment-widget/package.json
    изменено: yarn.lock

Неотслеживаемые файлы:
(используйте «git add <файл>...», чтобы добавить в то, что будет включено в коммит)
.yarn/cache/@atls-ui-parts-conditional-render-npm-0.0.4-f7364af714-0a53cf5c8b.zip
.yarn/cache/@atls-ui-parts-events-state-npm-0.0.4-85188071cf-a741c65852.zip
.yarn/cache/@atls-ui-parts-input-npm-0.0.13-dae40ee3f0-9700f1b8d8.zip
.yarn/cache/@atls-ui-parts-styles-npm-0.0.4-faa7b97a87-f47f1162cb.zip
.yarn/cache/@atls-ui-proto-input-npm-0.0.13-a938ed77e9-2703ea37fe.zip

  1. Проблема не исчезла

Вопрос

  1. Что я не так делаю при установке пакета ?
  2. Меня настораживают ошибки при yarn check, такие как: Error: Cannot find module '@emotion/styled' or its corresponding type declarations. Правильно ли я понимаю, что мне нужно установить что-то еще ?
  3. Правильно ли я понимаю, что yarn check должен запускаться в корне проекта ?
@TorinAsakura
Copy link
Member

  1. Все команды в монорепе выполняются из корня, об этом я говорил на прошлом созвоне
  2. Версии пакетов мы руками не меняем - откуда у тебя взялась версия 0.0.2?
  3. Оборачивай пожалуйста логи в синтаксический контейнер в соответствии с докой маркдаун
  4. Если не найден какой-то модуль - используй packageExtension, примеры можешь посмотреть в .yarnrc.yml

@KentCpu KentCpu closed this as completed Aug 3, 2023
@TorinAsakura
Copy link
Member

Нельзя просто взять и закрыть задачу…У задачи всегда должен быть триггер или причина, по которой она закрывается. Например, если там чот неактуально - нужно было написать "Не актуально, проблема решена" и закрыть задачу комментарием и это было бы правильным.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@TorinAsakura TorinAsakura

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@TorinAsakura @KentCpu