无法正常启动univer

[zxyandzxy]

demo场景中无法启动univer服务，（univerpro的相关配置都是成功的），报错信息感觉像是底层代码出了问题(docs和sheet报错信息一样）

控制台报错信息主要有两个：
（1）
Identifier "network.http-implementation" already exists. Returning the cached identifier decorator.
createIdentifier | @ | decorators.ts:149
Identifier "univer.network.socket.service" already exists. Returning the cached identifier decorator.
createIdentifier | @ | decorators.ts:149

（2）
Uncaught QuantityCheckError: [redi]: Expect 1 dependency item(s) for id "x" but get 0. Did you forget to register it?
at onParent (injector.ts:950:15)
at Injector2.getValue (injector.ts:973:12)
at Injector2._get (injector.ts:572:33)
at Injector2.get (injector.ts:541:28)
at Dt._initDependencies (index.js:1:187757)
at Dt.onStarting (index.js:1:186838)
at index.js:18539:13
at Array.forEach ()
at vs._runStage (index.js:18536:7)
at Object.next (index.js:18527:37)

Sheet核心源代码如下：

<template>
  <button type="primary" @click="handleExport">导出</button>
  <button type="success" @click="handlePrint">打印</button>
  <div ref="container" style="height: 750px; width: 750px" />
  <div class="online-users">
    当前在线用户: {{ onlineUsers.join(", ") || "无" }}
  </div>
</template>

<script lang="ts" setup>
// 核心功能相关导入
import { UniverSheetsCorePreset } from "@univerjs/preset-sheets-core";
import UniverPresetSheetsCoreZhCN from "@univerjs/preset-sheets-core/locales/zh-CN";
// univer pro高级功能支持导入
import { UniverSheetsAdvancedPreset } from '@univerjs/preset-sheets-advanced'
import UniverPresetSheetsAdvancedZhCN from '@univerjs/preset-sheets-advanced/locales/zh-CN'
// 协调编辑功能相关导入
import { UniverSheetsCollaborationPreset } from '@univerjs/preset-sheets-collaboration'
import UniverPresetSheetsCollaborationZhCN from '@univerjs/preset-sheets-collaboration/locales/zh-CN'
// 图片功能相关导入
import { UniverSheetsDrawingPreset } from '@univerjs/preset-sheets-drawing'
import UniverPresetSheetsDrawingZhCN from '@univerjs/preset-sheets-drawing/locales/zh-CN'
// 筛选功能相关导入
import { UniverSheetsFilterPreset } from '@univerjs/preset-sheets-filter'
import UniverPresetSheetsFilterZhCN from '@univerjs/preset-sheets-filter/locales/zh-CN'
// 排序功能相关导入
import { UniverSheetsSortPreset } from '@univerjs/preset-sheets-sort'
import UniverPresetSheetsSortZhCN from '@univerjs/preset-sheets-sort/locales/zh-CN'
// 数据验证功能相关导入
import { UniverSheetsDataValidationPreset } from '@univerjs/preset-sheets-data-validation'
import UniverPresetSheetsDataValidationZhCN from '@univerjs/preset-sheets-data-validation/locales/zh-CN'
// 条件格式功能相关导入 
import { UniverSheetsConditionalFormattingPreset } from '@univerjs/preset-sheets-conditional-formatting'
import UniverPresetSheetsConditionalFormattingZhCN from '@univerjs/preset-sheets-conditional-formatting/locales/zh-CN'
// 超链接功能相关导入
import { UniverSheetsHyperLinkPreset } from '@univerjs/preset-sheets-hyper-link'
import UniverPresetSheetsHyperLinkZhCN from '@univerjs/preset-sheets-hyper-link/locales/zh-CN'
// 查找替换相关功能导入
import { UniverSheetsFindReplacePreset } from '@univerjs/preset-sheets-find-replace'
import UniverPresetSheetsFindReplaceZhCN from '@univerjs/preset-sheets-find-replace/locales/zh-CN'
// 评论功能相关导入
import { UniverSheetsThreadCommentPreset } from '@univerjs/preset-sheets-thread-comment'
import UniverPresetSheetsThreadCommentZhCN from '@univerjs/preset-sheets-thread-comment/locales/zh-CN'
// 批注功能相关导入
import { UniverSheetsNotePreset } from '@univerjs/preset-sheets-note'
import UniverPresetSheetsNoteZhCN from '@univerjs/preset-sheets-note/locales/zh-CN'
// 表格功能相关导入
import { UniverSheetsTablePreset } from '@univerjs/preset-sheets-table'
import UniverPresetSheetsTableZhCN from '@univerjs/preset-sheets-table/locales/zh-CN'
// 水印线功能相关导入
import { UniverWatermarkPlugin } from '@univerjs/watermark'
import '@univerjs/watermark/facade'
// 打印功能相关导入
import '@univerjs-pro/sheets-print/facade'
import { createUniver, LocaleType, mergeLocales } from "@univerjs/presets";

import '@univerjs/preset-sheets-core/lib/index.css'
import '@univerjs/preset-sheets-drawing/lib/index.css'
import '@univerjs/preset-sheets-advanced/lib/index.css'
import '@univerjs/preset-sheets-collaboration/lib/index.css'

import '@univerjs/preset-sheets-filter/lib/index.css'
import '@univerjs/preset-sheets-sort/lib/index.css'
import '@univerjs/preset-sheets-data-validation/lib/index.css'
import '@univerjs/preset-sheets-conditional-formatting/lib/index.css'
import '@univerjs/preset-sheets-hyper-link/lib/index.css'
import '@univerjs/preset-sheets-find-replace/lib/index.css'
import '@univerjs/preset-sheets-thread-comment/lib/index.css'
import '@univerjs/preset-sheets-note/lib/index.css'
import '@univerjs/preset-sheets-table/lib/index.css'

import '@univerjs-pro/exchange-client/facade'
import { downloadFile } from '@univerjs-pro/exchange-client'

import { onBeforeUnmount, onMounted, onUnmounted, ref } from "vue";
import { getUser } from "../utils/api";

import '@univerjs-pro/collaboration-client/facade'
import '@univerjs-pro/collaboration-client-ui/facade'

const container = ref<HTMLElement | null>(null);
const unitID = ref('pj9bPmgrTAKGbP2rSXxGEgc')
let univerInstance: any;
let univerAPIInstance: any;

const onlineUsers = ref<string[]>([]);

const initWebSocket = async () => { 
  const { univer, univerAPI } = createUniver({
    locale: LocaleType.ZH_CN,
    locales: {
      [LocaleType.ZH_CN]: mergeLocales(
        UniverPresetSheetsCoreZhCN,
        UniverPresetSheetsDrawingZhCN, 
        UniverPresetSheetsAdvancedZhCN, 
        UniverPresetSheetsCollaborationZhCN,
        UniverPresetSheetsFilterZhCN, 
        UniverPresetSheetsSortZhCN, 
        UniverPresetSheetsDataValidationZhCN, 
        UniverPresetSheetsConditionalFormattingZhCN, 
        UniverPresetSheetsHyperLinkZhCN, 
        UniverPresetSheetsFindReplaceZhCN, 
        UniverPresetSheetsThreadCommentZhCN, 
        UniverPresetSheetsNoteZhCN,
        UniverPresetSheetsTableZhCN,
      ),
    },
    collaboration: true, 
    presets: [
      UniverSheetsCorePreset({
        container: container.value as HTMLElement,
      }),
      UniverSheetsFilterPreset(), 
      UniverSheetsSortPreset(), 
      UniverSheetsDataValidationPreset(),
      UniverSheetsConditionalFormattingPreset(), 
      UniverSheetsHyperLinkPreset(), 
      UniverSheetsFindReplacePreset(), 
      UniverSheetsDrawingPreset({ 
        collaboration: true, 
      }), 
      UniverSheetsThreadCommentPreset({
        collaboration: true,
      }), 
      UniverSheetsNotePreset(), 
      UniverSheetsTablePreset(), 
      UniverSheetsAdvancedPreset({ 
        // 配置高级功能
        license:``,
      }), 
      UniverSheetsCollaborationPreset({ 
        universerEndpoint: '', 
      }), 
    ],
    plugins: [
      [UniverWatermarkPlugin, { 
        textWatermarkSettings: { 
          content: '111', 
          fontSize: 10, 
        }, 
      }], 
    ],
  });

  const collaboration = univerAPI.getCollaboration()
  const workbook = await collaboration.loadSheetAsync(unitID.value)

  univerInstance = univer;
  univerAPIInstance = univerAPI;

}

const handleExport = async () => {
  const fWorkbook = univerAPIInstance.getActiveWorkbook()
  const unitId = fWorkbook.getId()
  const file = await univerAPIInstance.exportXLSXByUnitIdAsync(unitId)
  // 下载文件
  downloadFile(file, 'univer', 'xlsx')
}

const handlePrint = async () => { 
  const fWorkbook = univerAPIInstance.getActiveWorkbook()
  fWorkbook?.openPrintDialog()
}

onMounted(async() => {
  await initWebSocket();
});

onBeforeUnmount(() => {
  univerAPIInstance.deleteWatermark()
  univerInstance?.dispose();
  univerAPIInstance?.dispose();
  univerInstance = null;
  univerAPIInstance = null;
});
</script>

<style scoped>
.online-users {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}
</style>

Docs源代码如下：

<template>
  <button type="primary" @click="handleExport">导出</button>
  <div ref="container" style="height: 700px; width: 1000px" />
  <div class="online-users">
    当前在线用户: {{ onlineUsers.join(", ") || "无" }}
  </div>
</template>

<script lang="ts" setup>
// 核心功能相关导入
import { UniverDocsCorePreset } from "@univerjs/preset-docs-core";
import UniverPresetDocsCoreZhCN from "@univerjs/preset-docs-core/locales/zh-CN";
// univer pro 高级功能导入
import { UniverDocsAdvancedPreset } from '@univerjs/preset-docs-advanced'
import UniverPresetDocsAdvancedZhCN from '@univerjs/preset-docs-advanced/locales/zh-CN'
// 协同编辑相关导入
import { UniverDocsCollaborationPreset } from '@univerjs/preset-docs-collaboration'
import UniverPresetDocsCollaborationZhCN from '@univerjs/preset-docs-collaboration/locales/zh-CN'
// 图片相关导入
import { UniverDocsDrawingPreset } from '@univerjs/preset-docs-drawing'
import UniverPresetDocsDrawingZhCN from '@univerjs/preset-docs-drawing/locales/zh-CN'
// 超链接相关导入
import { UniverDocsHyperLinkPreset } from '@univerjs/preset-docs-hyper-link'
import UniverPresetDocsHyperLinkZhCN from '@univerjs/preset-docs-hyper-link/locales/zh-CN'

import { createUniver, LocaleType, mergeLocales } from "@univerjs/presets";
import { downloadFile } from '@univerjs-pro/exchange-client'

import { onBeforeUnmount, onMounted, ref, onUnmounted } from "vue";

import "@univerjs/preset-docs-core/lib/index.css";
import '@univerjs/preset-docs-drawing/lib/index.css'
import '@univerjs/preset-docs-advanced/lib/index.css'
import '@univerjs/preset-docs-collaboration/lib/index.css'
import '@univerjs/preset-docs-hyper-link/lib/index.css'
import { getUser } from "../utils/api";

const container = ref<HTMLElement | null>(null);
let univerInstance: any;
let univerAPIInstance: any;
const unitID = ref('7irVEuYLT8yDHKHLBFvhrg1')
let onlineUsers = ref<string[]>([]);





onMounted(async () => {
  await initWebSocket();
});

const initWebSocket = async () => { 
  const { univer, univerAPI } = createUniver({
    locale: LocaleType.ZH_CN,
    locales: {
      [LocaleType.ZH_CN]: mergeLocales(
        UniverPresetDocsCoreZhCN,
        UniverPresetDocsDrawingZhCN, 
        UniverPresetDocsAdvancedZhCN, 
        UniverPresetDocsCollaborationZhCN, 
        UniverPresetDocsHyperLinkZhCN, 
      ),
    },
    collaboration: true, 
    presets: [
      UniverDocsCorePreset({
        container: container.value as HTMLElement,
      }),
      UniverDocsHyperLinkPreset(), 
      UniverDocsDrawingPreset({ 
        collaboration:true,
      }), 
      UniverDocsAdvancedPreset({ 
        collaboration:true,
      }), 
      UniverDocsCollaborationPreset({ 
        universerEndpoint: '', 
      }), 
    ],
  });

  const collaboration = univerAPI.getCollaboration()
  const workbook = await collaboration.loadSheetAsync(unitID.value)

  univerInstance = univer;
  univerAPIInstance = univerAPI;

}

const handleExport = async () => {
  const fDocument = univerAPIInstance?.getActiveDocument()
  const unitId = fDocument?.getId()
  const file = await univerAPIInstance.exportDOCXByUnitIdAsync(unitId)
  // 下载文件
  downloadFile(file, 'univer', 'docx')
}

onBeforeUnmount(() => {
  univerInstance?.dispose();
  univerAPIInstance?.dispose();
  univerInstance = null;
  univerAPIInstance = null;
});


</script>

<style scoped>
.online-users {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}
</style>

package.json文件如下：

  "name": "sheets",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@univerjs-pro/docs-print": "^0.15.2",
    "@univerjs/core": "^0.15.2",
    "@univerjs/design": "^0.15.2",
    "@univerjs/docs": "^0.15.2",
    "@univerjs/docs-ui": "^0.15.2",
    "@univerjs/engine-formula": "^0.15.2",
    "@univerjs/engine-render": "^0.15.2",
    "@univerjs/facade": "^0.5.5",
    "@univerjs/preset-docs-advanced": "^0.15.2",
    "@univerjs/preset-docs-collaboration": "^0.15.2",
    "@univerjs/preset-docs-drawing": "^0.15.2",
    "@univerjs/preset-docs-hyper-link": "^0.15.2",
    "@univerjs/preset-docs-thread-comment": "^0.15.2",
    "@univerjs/preset-sheets-advanced": "^0.15.2",
    "@univerjs/preset-sheets-collaboration": "^0.15.2",
    "@univerjs/preset-sheets-conditional-formatting": "^0.15.2",
    "@univerjs/preset-sheets-core": "^0.15.2",
    "@univerjs/preset-sheets-drawing": "^0.15.2",
    "@univerjs/preset-sheets-filter": "^0.15.2",
    "@univerjs/preset-sheets-find-replace": "^0.15.2",
    "@univerjs/preset-sheets-hyper-link": "^0.15.2",
    "@univerjs/preset-sheets-note": "^0.15.2",
    "@univerjs/preset-sheets-sort": "^0.15.2",
    "@univerjs/preset-sheets-table": "^0.15.2",
    "@univerjs/preset-sheets-thread-comment": "^0.15.2",
    "@univerjs/presets": "^0.15.2",
    "@univerjs/sheets": "^0.15.2",
    "@univerjs/sheets-formula": "^0.15.2",
    "@univerjs/sheets-ui": "^0.15.2",
    "@univerjs/ui": "^0.15.2",
    "@univerjs/watermark": "^0.15.2",
    "axios": "^1.13.2",
    "vue": "^3.5.24"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^6.0.1",
    "vite": "^7.2.2"
  }
}

[wpxp123456]

refer to: https://github.com/dream-num/univer-pro-sheet-start-kit