Unable to import from subpath in consumer app (Modern Module)

[AsuraKev]

Hi there,

I have a Modern Module project setup and has the following structure

I have also modified the package json so that it contains an export with two entry points like below

However when i installed the module, it couldnt detect the path. Error: Cannot find module 'fph-gw-ui/themes' or its corresponding type declarations

Any idea what went wrong?

Much appreciated :)

[AsuraKev]

Nevermind I got it working, heres the final package json if anyone is interested. Are we meant to manually modify the package json?

{
"name": "fph-gw-ui",
"version": "0.2.5",
"type": "module",
"types": "./index.d.ts",
"scripts": {
"prepare": "modern build && husky install",
"dev": "modern dev",
"build": "modern build",
"build:watch": "modern build -w",
"reset": "rimraf ./**/node_modules",
"lint": "modern lint",
"change": "modern change",
"bump": "modern bump",
"pre": "modern pre",
"change-status": "modern change-status",
"gen-release-note": "modern gen-release-note",
"release": "modern release",
"new": "modern new",
"upgrade": "modern upgrade"
},
"lint-staged": {
".{js,jsx,ts,tsx,mjs,cjs}": [
"node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"
]
},
"exports": {
"./components": {
"import": "./dist/es/index2.js",
"types": "./dist/types/index2.d.ts"
},
"./themes": {
"import": "./dist/es/index.js",
"types": "./dist/types/index.d.ts"
}
},
"include": [
"src"
],
"files": [
"dist/",
"*.d.ts"
],
"eslintIgnore": [
"node_modules/",
"dist/"
],
"dependencies": {
"antd": "^5.12.2",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@modern-js/eslint-config": "2.42.1",
"@modern-js/module-tools": "2.42.1",
"@types/node": "~16.11.7",
"husky": "~8.0.1",
"lint-staged": "~13.1.0",
"prettier": "~2.8.1",
"rimraf": "~3.0.2",
"typescript": "~5.0.4"
},
"sideEffects": [],
"publishConfig": {
"access": "public",
"registry": "https://registry.npmjs.org/"
},
"compilerOptions": {
"moduleResolution": "NodeNext",
"declaration": true
}
}