Skip to content

amis edit使用时,外观下面的框里面。一直显示错误找不到对应渲染器 #10747

Open
@mizhangzmclsm

Description

@mizhangzmclsm

描述问题:

编辑器右边外观下面的内容框。状态下面。
微信截图_20240808220555

哪里一直报这个错误,并且好多都是报找不到渲染器。但是控制台也没有报错,这个是在外观。下面报出来的

Error: 找不到对应的渲染器

Path: form/0/tabs/tab/1/0/collapse-group/body/0/collapse/body/1/amis-theme-border

{
"mode": "default",
"type": "amis-theme-border",
"label": "边框",
"name": "themeCss.baseControlClassName.border:default",
"needColorCustom": true,
"visibleOn": "${editorState == 'default' || !editorState}"
}
Error: 找不到对应的渲染器

Path: form/0/tabs/tab/1/0/collapse-group/body/0/collapse/body/2/amis-theme-radius

{
"mode": "default",
"type": "amis-theme-radius",
"label": "圆角",
"name": "themeCss.baseControlClassName.radius:default",
"visibleOn": "${editorState == 'default' || !editorState}"
}
Error: 找不到对应的渲染器

Path: form/0/tabs/tab/1/0/collapse-group/body/0/collapse/body/3/amis-theme-padding-and-margin

{
"mode": "default",
"type": "amis-theme-padding-and-margin",
"label": "边距",
"name": "themeCss.baseControlClassName.padding-and-margin:default",
"visibleOn": "${editorState == 'default' || !editorState}"
}
Error: 找不到对应的渲染器

Path: form/0/tabs/tab/1/0/collapse-group/body/0/collapse/body/4/amis-theme-color-picker

{
"mode": "default",
"type": "amis-theme-color-picker",
"label": "背景",
"name": "themeCss.baseControlClassName.background:default",
"needCustom": true,
"visibleOn": "${editorState == 'default' || !editorState}",
"needGradient": true,
"needImage": true,
"labelMode": "input"
}
Error: 找不到对应的渲染器

Path: form/0/tabs/tab/1/0/collapse-group/body/0/collapse/body/5/amis-theme-shadow-editor

{
"type": "amis-theme-shadow-editor",
"label": false,
"name": "themeCss.baseControlClassName.boxShadow:default",
"hasSenior": true,
"visibleOn": "${editorState == 'default' || !editorState}"
}

如何复现(请务必完整填写下面内容):

在vue中使用编辑器

使用版本如下:
"amis": "^6.0.0",
"amis-core": "6.0.0",
"amis-editor": "6.0.0",
"amis-editor-core": "6.0.0",
"amis-formula": "6.0.0",
"amis-ui": "6.0.0",
"react": "^16.14.0",
"react-dom": "^16.14.0",
"react-hook-form": "^7.39.3",

引入了这些
import 'amis/lib/themes/cxd.css'
import 'amis/lib/themes/default.css'
import 'amis/sdk/sdk.js'
import 'amis/sdk/helper.css'
import 'amis/sdk/iconfont.css'
import 'amis-editor-core/lib/style.css'

<script lang="ts"> import { Editor } from 'amis-editor' import { applyPureReactInVue } from 'veaury' import { defineComponent } from 'vue' // import '../../../../node_modules/amis-editor-core/lib/style.css' import { setDefaultTheme } from 'amis' import { setThemeConfig } from 'amis-editor-core' import themeConfig from 'amis-theme-editor-helper/lib/systemTheme/cxd' export default defineComponent({ name: 'ChainLog', components: { amisEditor: applyPureReactInVue(Editor), }, setup() { setDefaultTheme('cxd') setThemeConfig(themeConfig) let isMobile = false const actionOptions = { showOldEntry: false, } let amisData = reactive({ preview: false, schema: { type: 'page', title: 'Simple Form Page', body: [ { type: 'form', body: [ { type: 'input-text', name: 'a', label: 'Text', }, ], }, ], }, })

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions