amis icon indicating copy to clipboard operation
amis copied to clipboard

vite 加载thirds/monaco-editor 找不到包

Open DreamingLight opened this issue 1 year ago • 3 comments

描述问题:

在vue3 + vite + amis 使用 editor代码编辑器,第三方包报错,但神奇在使用js方式依赖又没问题。

截图或视频:

image

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

  1. 你是如何使用 amis 的? 在vue3 中使用amis相关版本如下; "amis": "^6.5.0", "vue": "^3.2.45", "vite": "5.3.1",

main.js 依赖如下: // 引入amis import "@fortawesome/fontawesome-free/css/all.css" import "@fortawesome/fontawesome-free/css/v4-shims.css" import 'amis/sdk/sdk.js'; import 'amis/lib/themes/antd.css'; import 'amis/sdk/helper.css'; import 'amis/sdk/iconfont.css'; import 'amis/sdk/json-view.js'; import 'amis/sdk/exceljs.js'; import 'amis/sdk/charts.js';

  1. amis 版本是什么?请先在最新 beta 版本测试问题是否存在 "amis": "^6.5.0", 当前最新版本问题依然存在

  2. 粘贴有问题的完整 amis schema 代码:

{
  "type": "page",
  "title": false,
  "body": [
    {
      "type": "form",
      "id": "id-form",
      "name": "form",
      "title": "表单",
      "mode": "horizontal",
      "body": [
        {
          "type": "editor",
          "name": "scriptStr",
          "label": "脚本",
          "language": "javascript",
          "id": "u:9bbff25885df"
        }
      ],
      "actions": [],
      "resetAfterSubmit": false,
      "wrapWithPanel": false,
      "debug": true,
      "affixFooter": false,
      "submitOnChange": false,
      "feat": "Insert"
    }
  ],
  "id": "id-page",
  "name": "page",
  "asideResizor": false,
  "pullRefresh": {
    "disabled": true
  },
  "regions": [
    "body",
    "header"
  ]
}
  1. 操作步骤

刷新页面,查看network出现404错误,代码编辑器点击无反应。

DreamingLight avatar Jun 17 '24 14:06 DreamingLight

👍 Thanks for this! 🏷 I have applied any labels matching special text in your issue.

Please review the labels and make any necessary changes.

github-actions[bot] avatar Jun 17 '24 14:06 github-actions[bot]

我也是vite报错 ,你用js是怎么解决的

cutestyxy avatar Jun 26 '24 09:06 cutestyxy

我也是vite报错 ,你用js是怎么解决的

vite打包会改变amis里面sdk的引入路径,导致使用编辑器或者第三方文件找不到的情况解决方案:

  1. 按照官方给我的vue里面的配置,实现按需导入,amis的adk不走打包,就能解决
  2. 把相关js文件在amis的sdk找到,cpoy到public下打包时候直接copy过去,也能成功

zhuominlooper avatar Aug 05 '24 02:08 zhuominlooper

Image @zhuominlooper 有具体的代码吗?

zhangjiayu139 avatar Mar 20 '25 16:03 zhangjiayu139