Я определил экспорт CSS в packages.json
из packages/ui
:
{
"name": "@repo/ui",
"version": "0.0.0",
"private": true,
"exports": {
"./constants": "./src/constants/index.ts",
"./types": "./src/types.ts",
"./css/*": "./src/css/*.css"
}
}
Когда я пытаюсь импортировать его в свой глобальный layout.tsx
:
import './globals.css';
// import '../../../packages/ui/src/css/themes.css'; This works!
import '@repo/ui/css/themes.css';
Но я получаю эту ошибку:
Module not found: Can't resolve '@repo/ui/css/themes.css'
В чем может быть проблема?
Также разместил здесь.
Ты очень близко! Настройте импорт так:
import '@repo/ui/css/themes';
Вам не нужно расширение файла, потому что вы уже включили его в свою package.json
exports
карту!
"./css/*": "./src/css/*.css"
^^^^
Если вы хотите, чтобы расширение файла при импорте было явным (на мой взгляд, это удобно для чтения), измените карту экспорта следующим образом:
"./css/*": "./src/css/*"
И тогда ваш исходный импорт будет работать:
import '@repo/ui/css/theme.css';