javascript - TipTap 和 Nuxt - 无法从非 EcmaScript 模块导入命名导出“{module}”
问题描述
我正在尝试将TipTap与Nuxt一起使用,但似乎无法弄清楚为什么它不起作用。我已经阅读了 repo 上的问题并使用了他们的建议,但我得到了这些错误:
ERROR in /Volumes/Projects/nuxt/candy-hub-lerna/node_modules/prosemirror-state/dist/index.mjs
Can't import the named export 'ReplaceStep' from non EcmaScript module (only default export is available)
ERROR in /Volumes/Projects/nuxt/candy-hub-lerna/node_modules/prosemirror-view/dist/index.mjs
Can't import the named export 'Selection' from non EcmaScript module (only default export is available)
ERROR in /Volumes/Projects/nuxt/candy-hub-lerna/node_modules/prosemirror-transform/dist/index.mjs
Can't import the named export 'Slice' from non EcmaScript module (only default export is available)
设置
我的设置非常简单,并与此 github 问题相呼应
/components/forms/RichText.vue
<template>
<no-ssr>
<editor-content :editor="editor" />
</no-ssr>
</template>
<script>
import { Editor, EditorContent } from 'tiptap'
export default {
components: {
EditorContent
},
data () {
return {
editor: null
}
},
mounted () {
this.editor = new Editor({
content: '<p>This is just a boring paragraph</p>'
})
},
beforeDestroy () {
// Always destroy your editor instance when it's no longer needed
this.editor.destroy()
}
}
</script>
/components/global/LocalisedAttributes.vue
<template>
<div>
<rich-text />
</div>
</template>
<script>
import RichText from '~/components/forms/RichText.vue'
export default {
components: {
RichText
}
}
</script>
我尝试在 nuxt.config.js 中将“prosemirror-view”和“tiptap”添加到 build.transpile 数组中,但没有任何效果。
如果有人在 Nuxt 上使用它,我将不胜感激对他们的设置有任何见解。
解决方案
看起来这是 Lerna 的问题,我已经切换到 yarn 工作区,现在一切正常!
推荐阅读
- python - 使用 python 和 pygame 在游戏板上创建和放置游戏块
- javascript - 测验问题 -> 以下程序有问题。它是什么?
- android - 系统杀死应用程序后,Android 没有重新打开以前的活动
- netsuite - 在套件脚本 2.0 的保存记录功能中,Swal 警报未在 netsuite 客户端脚本中返回值
- react-native - 在“onPress”上切换“RNPickerSelect”不起作用
- sql - Hot to add a specific string character in Query using PARAMETRISED SQL 查询构造方法。?
- android - android导航控制器返回一级
- arrays - 使用 each_with_slice 拆分数组,但在结果数组中保留特定值(一个衬里)
- filter - 如何使用 ffmpeg 过滤器音量在 10 秒后静音 2 秒?
- node.js - 无法在 Azure App 服务上部署 React JS 应用程序