Module not found: Error: Can't resolve '@adobe/leonardo-contrast-colors'

[skylerknight]

Description

Unable to use package. Keep getting "Module not found" or "No exported member" errors.

I have tried both npm and yarn, with CRA and vite.

Steps to reproduce

1. Initiate a basic application: npx create-react-app learn-leo

2. Install package npm i @adobe/leonardo-contrast-colors

3. Import Leonardo Package:

// App.js

import * as Leo from "@adobe/leonardo-contrast-colors"

4. Run application:npm start

5. Resulting error:

Failed to compile.

Module not found: Error: Can't resolve '@adobe/leonardo-contrast-colors' in '/Users/username/Development/learn-leo/src'
ERROR in ./src/App.js 6:0-50
Module not found: Error: Can't resolve '@adobe/leonardo-contrast-colors' in '/Users/username/Development/learn-leo/src'

webpack compiled with 1 error

Expected behavior

Expected to be able to import and use the leonardo package.

Screenshots

Leonardo package and version

@leonardo-contrast-colors version: ^1.0.0-alpha.16

Environment

• Browser(s) and OS(s):
  OS: MacOS: 12.5.1
  Browseer: Version 104.0.5112.101 (Official Build) (arm64)

Additional context

It appears that there may be something wrong with the exposed modules/files for export.

The package may have incorrect main/module/exports specified in its package.json.

---

UPDATE: I've tested with Version 1.0.0-alpha.13 and I am no longer seeing this error. It must have something to do with the latest release.

[elyulka]

@skylerknight package.json contains incorrect "main" and "export" fields. Next changes fix the issue:

"main": "./dist/index.js",
"exports": {
    ".": {
      "default": "./dist/index.js"
    }
  },

Upd: Nope, gives ReferenceError: exports is not defined in ES module scope

There is type: "module" and index.mjs present but it's not usable at least because of required utils.mjs uses apca-w3 that isn't present in dependencies but indevDependencies.

@NateBaldwinDesign It became broken after PR #166 had been merged

[skylerknight]

@elyulka Aha,thanks for the info

[pabloromeroelux]

what's the best way around so far? Backing to 1.0.0-alpha.13 gives me this #175. I might be missing something about how to use the package

[xaddict]

Problem is still there

https://stackblitz.com/edit/vitejs-vite-eaduzs?file=main.js