Using "exports" field in npm package

Hello! I have an app on Javascript (root) and app on Typescript (ui kit). 

UI Kit package.json here:

"files": [

"dist"

],

"exports": {

"./components": {

"types":"./dist/components.d.ts",

"import":"./dist/components.es.js",

"require":"./dist/components.cjs.js"

},

"./constants": {

"types":"./dist/constants.d.ts",

"import":"./dist/constants.es.js",

"require":"./dist/constants.cjs.js"

},

"./fonts.css":"./dist/styles/fonts.css",

"./global.css":"./dist/styles/global.css",

"./reset.css":"./dist/styles/reset.css"

},

"types":"./index.d.ts",

This is UI Kit build folder

 

When I try to import `Button` in main app, WebStorm doesn't suggest this import from UI kit:

 

This is root app jsconfig.json

WebStorm 2021.3 and WebStorm 2023.1.2

What should I do?

0

请先登录再写评论。