不兼容vue3-ace-editor工具包

[keep-deep-think]

Describe the bug

在文件中引入vue3-ace-editor工具包， import { VAceEditor } from 'vue3-ace-editor';
import 'ace-builds/src-noconflict/theme-chrome';
import 'ace-builds/src-noconflict/theme-monokai.js';
import 'ace-builds/src-noconflict/mode-python.js';
import 'ace-builds/src-noconflict/mode-sh.js';
开发模式，编译报错 [plugin:vite:import-analysis] Failed to resolve import "./es6-shim" from "node_modules/.pnpm/ace-builds@1.39.0/node_modules/ace-builds/src-noconflict/ace.js?v=0fdb31f4". Does the file exist? 是因为node_modules/ace-builds/src-noconflict/ace.js中的文件内容既不是esm,也不是commonjs，而是AMD风格

Reproduction

http://localhost:5173/

Steps to reproduce

No response

System Info

Chrome 
版本 136.0.7103.116（正式版本） （64 位）

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs and the Rolldown-related guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[keep-deep-think]

这是业务文件，百分之百能复现<script setup lang="ts">
import type { IFormItem } from '@/components/CustomForm/index.vue';
import type { IPage, IAceOptions } from '@/interface';
import { CustomForm } from '@/components';
import type { IKubernetesItem, IKubernetesList, ISearchState } from '@/interface/kubernetes.ts';
import { TABLE_PAGINATION } from '@/json/common';
import type { ColumnType, TablePaginationConfig } from 'ant-design-vue/es/table';
import { ref, reactive, onMounted } from 'vue';
import { copyText, formatTime, convertIsoTimeToLocalTime } from '@/utils/common';
import { VAceEditor } from 'vue3-ace-editor';
import 'ace-builds/src-noconflict/theme-chrome';
import 'ace-builds/src-noconflict/theme-monokai.js';
import 'ace-builds/src-noconflict/mode-python.js';
import 'ace-builds/src-noconflict/mode-sh.js';
import { fetchK8sClusterList, fetchYamlConfig } from '@/api/k8s';
import type { IFetchK8sList } from '@/interface/k8s';
import yaml from 'js-yaml';
import { useRoute, useRouter } from 'vue-router';
const route = useRoute();
const router = useRouter();
const pagination = reactive({ ...TABLE_PAGINATION });
const pageParame: IPage = reactive({ page: 1, limit: 10 });
const tableHeight = ref(0);
const spinning = ref(false);
const DEFAULT_SEARCHSTATE: ISearchState = {
name: '',
};
const searchState: ISearchState = reactive({ ...DEFAULT_SEARCHSTATE });
const dataSource: IKubernetesItem[] = reactive([]);
const YAMLState: { visible: boolean; value: string; title: string; spinning: boolean } = reactive({
visible: false,
title: 'Deployment',
spinning: false,
value: '',
});
const formConfig: IFormItem[] = [
{
field: 'name',
type: 'input',
label: '工作负载名称',
placeholder: '请输入',
},
];
const columns: ColumnType[] = [
{ title: '工作负载名称', dataIndex: 'name' },
{ title: '工作负载类型', dataIndex: 'type' },
{ title: '状态', dataIndex: 'status' },
{ title: '创建时间', dataIndex: 'creation_time' },
{ title: '更新时间', dataIndex: 'last_update_time' },
{ title: '运行时长', dataIndex: 'runtime' },
{ title: '镜像', dataIndex: 'images' },
{ title: '容器组数量', dataIndex: 'replicas' },
{ title: '操作', dataIndex: 'operation' },
];
const aceOptions: IAceOptions = {
enableBasicAutocompletion: true,
enableSnippets: true,
enableLiveAutocompletion: true,
tabSize: 4,
enableEmmet: true,
fontSize: 15,
showPrintMargin: false, // 去除编辑器里的竖线
highlightActiveLine: true,
useWorker: true,
readOnly: false,
};
const toggleTable = (_pagination: TablePaginationConfig) => {
const { current, pageSize } = _pagination;
Object.assign(pagination, { current, pageSize });
Object.assign(pageParame, { page: current, limit: pageSize });
getList();
};

const onFinish = (values: Record<string, string>) => {
const searchConfig: { [key: string]: string } = {};
for (const key in values) {
searchConfig[key] = values[key];
}
Object.assign(searchState, { ...searchConfig });
pageParame.page = 1;
getList();
};

const onRest = () => {
Object.assign(pagination, { ...TABLE_PAGINATION });
Object.assign(pageParame, { page: 1, limit: 10 });
Object.assign(searchState, { ...DEFAULT_SEARCHSTATE });
getList();
};

const getList = async () => {
const params: IFetchK8sList = { ...pageParame };
Object.keys(searchState).forEach((key) => {
if (searchState[key as keyof ISearchState]) {
params[key as keyof ISearchState] = searchState[key as keyof ISearchState];
}
});
const data: IKubernetesList = await fetchK8sClusterList(params);
const { items, total } = data;
Object.assign(pagination, { current: pageParame.page, total: total });
dataSource.length = 0;
dataSource.push(...items);
};

const getTableHeight = () => {
const tableItem = document.querySelector('.container');
tableHeight.value = (tableItem?.clientHeight as number) - 46;
};
const fetchYamlConfigReq = async (record: IKubernetesItem) => {
YAMLState.visible = true;
YAMLState.spinning = true;
const data = await fetchYamlConfig(record.name);
YAMLState.value = yaml.dump(data);
YAMLState.spinning = false;
};
const jumpDetail = (record: IKubernetesItem) => {
router.push(/cluster-manage/workload/${record.name});
};
onMounted(() => {
getList();
getTableHeight();
});
</script>

查看 YAML

{{ convertIsoTimeToLocalTime(text) }}

{{ text ? text.join('、') : '' }}

{{ formatTime(Math.floor(text)) }}

{{ text || 0 }}

{{ text }}

复制到剪切板

环境信息：
System:
OS: Windows 10 10.0.19045
CPU: (8) x64 Intel(R) Core(TM) i7-4790 CPU @ 3.60GHz
Memory: 5.87 GB / 15.85 GB
Binaries:
Node: 18.20.3 - C:\nvm4w\nodejs\node.EXE
Yarn: 1.22.22 - C:\nvm4w\nodejs\yarn.CMD
System:
OS: Windows 10 10.0.19045
CPU: (8) x64 Intel(R) Core(TM) i7-4790 CPU @ 3.60GHz
Memory: 5.87 GB / 15.85 GB
Binaries:
Node: 18.20.3 - C:\nvm4w\nodejs\node.EXE
Yarn: 1.22.22 - C:\nvm4w\nodejs\yarn.CMD
CPU: (8) x64 Intel(R) Core(TM) i7-4790 CPU @ 3.60GHz
Memory: 5.87 GB / 15.85 GB
Binaries:
Node: 18.20.3 - C:\nvm4w\nodejs\node.EXE
Yarn: 1.22.22 - C:\nvm4w\nodejs\yarn.CMD
Binaries:
Node: 18.20.3 - C:\nvm4w\nodejs\node.EXE
Yarn: 1.22.22 - C:\nvm4w\nodejs\yarn.CMD
npm: 10.7.0 - C:\nvm4w\nodejs\npm.CMD
pnpm: 10.7.0 - C:\nvm4w\nodejs\pnpm.CMD
Node: 18.20.3 - C:\nvm4w\nodejs\node.EXE
Yarn: 1.22.22 - C:\nvm4w\nodejs\yarn.CMD
npm: 10.7.0 - C:\nvm4w\nodejs\npm.CMD
pnpm: 10.7.0 - C:\nvm4w\nodejs\pnpm.CMD
npm: 10.7.0 - C:\nvm4w\nodejs\npm.CMD
pnpm: 10.7.0 - C:\nvm4w\nodejs\pnpm.CMD
npmPackages:
pnpm: 10.7.0 - C:\nvm4w\nodejs\pnpm.CMD
npmPackages:
npmPackages:
@vitejs/plugin-legacy: 3.0.1 => 3.0.1
@vitejs/plugin-legacy: 3.0.1 => 3.0.1
@vitejs/plugin-react-swc: 3.8.0 => 3.8.0
rolldown-vite: 6.3.17

[github-actions]

Hello @keep-deep-think. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs reproduction will be closed if they have no activity within 3 days.

[keep-deep-think]

直接运行这个项目就可以复现问题 https://github.com/keep-deep-think/rolldown-vite-incompatible-ace