Doesn't work with nuxt, w3c-keyname error

Describe the bug Added tiptap to existing project via npm, when trying to call a component that holds the editor, I get "No valid exports main found for '[project-path]\node_modules\w3c-keyname'"

Created fresh nuxt project, added tiptap again, same error.

Created fresh vue-cli project, added tiptap, works fine.

Tried this solution with nuxt, didn’t help either.

At this point can’t seem to get tiptap working with nuxt at all.

Screenshots

Environment

• OS: Win10
• Browser Chrome
• Version 1.27.0
• Mobile / Desktop: Desktop

[OrkhanAlikhanov]

If you are not doing server-side rendering of prosemirror document do not import ‘tiptap’ at serverside. Do following instead (not tested):

- import { EditorContent } from 'tiptap'
+ let EditorContent;
+ if (process.browser) EditorContent = require('tiptap')

Or the easiest fix is to stick to version 2.2.2:

npm i w3c-keyname@2.2.2 

---

FYI @marijnh, @philippkuehn

This addition broke it, removing it fixes the issue: https://github.com/marijnh/w3c-keyname/blob/e9fe840569bd2e090a4686436b918aa30ac49d51/package.json#L7-L10

w3c-keyname is imported by prosemirror-keymap

[xuannghia]

I am using v13.5 and also get the same error

Welcome to Node.js v13.5.0.
Type ".help" for more information.
> require("w3c-keyname")
Uncaught:
Error: No valid exports main found for '/Users/xxx/test/node_modules/w3c-keyname'
    at resolveExportsTarget (internal/modules/cjs/loader.js:622:9)
    at applyExports (internal/modules/cjs/loader.js:499:14)
    at resolveExports (internal/modules/cjs/loader.js:548:12)
    at Function.Module._findPath (internal/modules/cjs/loader.js:654:22)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:953:27)
    at Function.Module._load (internal/modules/cjs/loader.js:859:27)
    at Module.require (internal/modules/cjs/loader.js:1028:19)
    at require (internal/modules/cjs/helpers.js:72:18) {
  code: 'MODULE_NOT_FOUND'
}