visheratin / web-ai

Run modern deep learning models in the browser.
https://web-ai-demo.vercel.app
MIT License
810 stars 42 forks source link

Failed to resolve '@jimp/types' #20

Open crapthings opened 1 year ago

crapthings commented 1 year ago

start dev server failed with parcel? what is wrong?

import { ImageModel } from '@visheratin/web-ai/image'
import { useEffect } from 'react'

export default function Component () {
  useEffect(() => {
    ;(async () => {
      const result = await ImageModel.create('segment-anything')
      const model = result.model

      console.log(model)
    })()
  }, [])

  return (
    <div>123</div>
  )
}
@parcel/core: Failed to resolve '@jimp/types' from './node_modules/jimp/es/index.js'

  /Users/monsterstep/dev/ai-test-ui/node_modules/jimp/es/index.js:3:1
    2 |
  > 3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  >   | ^
    4 |
    5 | Object.defineProperty(exports, "__esModule", {

@parcel/resolver-default: Could not load './es/index.js' from module '@jimp/types' found in package.json#module

  /Users/monsterstep/dev/ai-test-ui/node_modules/@jimp/types/package.json:6:13
    5 |   "main": "dist/index.js",
  > 6 |   "module": "es/index.js",
  >   |             ^^^^^^^^^^^^^ './es/index.js' does not exist, did you mean './dist/index.js'?'
    7 |   "types": "index.d.ts",
    8 |   "scripts": {
{
  "source": "src/index.html",
  "devDependencies": {
    "@parcel/config-default": "^2.10.0",
    "@parcel/reporter-bundle-analyzer": "^2.10.0",
    "@parcel/resolver-glob": "^2.10.0",
    "autoprefixer": "^10.4.16",
    "buffer": "^6.0.3",
    "daisyui": "^3.9.2",
    "http-proxy-middleware": "^2.0.6",
    "parcel": "^2.10.0",
    "parcel-reporter-static-files-copy": "^1.5.3",
    "postcss": "^8.4.31",
    "process": "^0.11.10",
    "standard": "^17.1.0",
    "tailwindcss": "^3.3.3"
  },
  "dependencies": {
    "@mdi/js": "^7.3.67",
    "@mdi/react": "^1.6.1",
    "@tanstack/react-query": "^4.36.1",
    "@visheratin/web-ai": "^1.4.3",
    "axios": "^1.5.1",
    "classnames": "^2.3.2",
    "history": "^5.3.0",
    "konva": "^9.2.2",
    "lodash": "^4.17.21",
    "moment": "^2.29.4",
    "nanoevents": "^8.0.0",
    "primereact": "^10.0.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.47.0",
    "react-router-dom": "^6.16.0",
    "zustand": "^4.4.3"
  },
  "alias": {
    "$l": "./src/libs",
    "$s": "./src/stores",
    "$c": "./src/components",
    "$cc": "./src/composites"
  },
  "scripts": {
    "dev": "parcel",
    "build": "parcel build",
    "https": "parcel --cert localhost.cert --key localhost.key",
    "clean": "rm -rf .parcel-cache dist"
  }
}
visheratin commented 1 year ago

Hi. You need to install jimp to use image models:

npm install jimp@0.16.2