skip to Main Content

I’m creating a framer code component and I want to import a library with the following code:

import { registerCoreBlocks } from "@quillforms/react-renderer-utils"
import { FormObj } from "@quillforms/renderer-core/build-types/types"

I am getting this error:
enter image description here

The two libraries have npm packages:

The project worked fine locally (by locally I mean a Vite project). How can I resolve this issue? What may cause it?

My local package.json dependencies are:

"@quillforms/react-renderer-utils": "^5.10.0",
"@quillforms/renderer-core": "^5.8.0",
"localforage": "^1.10.0",
"match-sorter": "^6.3.4",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.22.2",
"sort-by": "^1.2.0"

2

Answers


  1. Per Framer’s community posts and docs – their online IDE is still an experimental feature and may not support all packages.

    Framer does support importing ES Module-based code, but the package itself needs to be compatible with the browser and should ideally be designed for use with Framer. You can check if a package is compatible on the Framer npm page: https://www.framer.com/npm/

    Importing npm packages is currently an experimental feature. Most packages typically don’t work unless unless they were built specifically for Framer.

    From 1 and 2

    It might be a good idea to continue using your local setup for development.

    Login or Signup to reply.
  2. See here.

    The framer docs explicitly state that

    Importing npm packages is currently an experimental feature. Most packages typically don’t work unless unless they were built specifically for Framer. Some projects with multiple npm imports may run into errors with adding multiple npm dependencies, as sub-dependency conflicts can occur.

    Try importing your code into a local environment.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search