Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Module not found: @toast-ui/editor tried to access prosemirror-transform, but it isn't declared in its dependencies; this makes the require call ambiguous and unsound.

See original GitHub issue

Summary

I’m going to use @toast-ui/react-editor for typescript + react project.
From the top of the code after installing the library, import "@toast-ui/editor/dist/toastui-editor.css"; import { Editor } from "@toast-ui/react-editor"; Attempted to use Editor after loading code.
I wonder why the error does not occur on the code, but only on the terminal. Also, I wonder why that error appears.

Screenshots

Version

^3.1.5

Issue Analytics

State:
Created a year ago
Comments:6 (1 by maintainers)

Top GitHub Comments

1reaction

jiwon-muncommented, Aug 29, 2022

If you are using Yarn2, you can avoid the problem with the following settings.

.yarnrc.yml

packageExtensions:
  '@toast-ui/editor@*':
    dependencies:
      prosemirror-transform: '*'

https://yarnpkg.com/configuration/yarnrc#packageExtensions

0reactions

leewp14commented, Dec 1, 2022

If you are using Yarn2, you can avoid the problem with the following settings.

.yarnrc.yml
packageExtensions:
  '@toast-ui/editor@*':
    dependencies:
      prosemirror-transform: '*'
https://yarnpkg.com/configuration/yarnrc#packageExtensions

@jiwon-mun it works beautifully, thanks!

Top Results From Across the Web

When I try to crate a newapp_webservice, I get the error ...

I updated all my packages. What can the problem be? I don't find the problem anywhere else. However, I can launch a server...

pledgecamp/toast-ui-editor

Start using @pledgecamp/toast-ui-editor in your project by running `npm i @pledgecamp/toast-ui-editor`. There are no other projects in the ...

How do I import TUI image editor for Javascript into my ...

Problem - I have an Angular app and I want to use Toast UI image editor but I'm not sure ...

@toast-ui/react-editor | Yarn - Package Manager

This is a React component wrapping TOAST UI Editor. npm version. Table of Contents. Collect Statistics on the Use of Open Source ...

@toast-ui/editor v3.2.1 ❘ Bundlephobia

Exports analysis is available only for packages that export ES Modules and are side-effect free. This package exports ES6 modules, but isn't marked...