Question

在使用官网教学（1、准备依赖资源 | SuperMap_iClient3D_VUE_for_WebGL (supermapol.com)）时报错，显示的是缺少index.css。

[plugin:vite:import-analysis] Missing "./lib/theme/index.css" specifier in "@supermap/iclient3d-vue-for-webgl" package

D:/Ddesktop/Front-end/webgis/vue3cdut2/src/main.js

    at e (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:47384:25)
    at n (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:47384:627)
    at o (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:47384:1297)
    at resolveExportsOrImports (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:48061:20)
    at resolveDeepImport (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:48080:31)
    at tryNodeResolve (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:47805:20)
    at Context.resolveId (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:47568:28)
    at async Object.resolveId (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:50762:32)
    at async TransformContext.resolve (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:50453:23)
    at async normalizeUrl (file:///D:/Ddesktop/Front-end/webgis/vue3cdut2/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:65586:34

Click outside, press Esc key, or fix the code to dismiss.
You can also disable this overlay by setting server.hmr.overlay to false in vite.config.js.

Answer 1

您好

supermap/iclient3d-vue-for-webg组件包跟node版本有关系

Node版本不支持可能会报相关错误。

即： node_modules包管理里面没有@supermap/iclient3d-vue-for-webgl/lib/theme/index.css文件

Comments

node版本改成了18到14，依然报错，vue3版本用的latest也有影响吗？

---

1.使用npm组件库及UI依赖： npm install @supermap/iclient3d-vue-for-webgl  element-plus -D
2. 在node_module里找到组件包，复制node_module/@supermap/iclient3d-vue-for-webgl/public/Cesium文件夹到项目根目录下的public文件夹中
3. 在 index.html 中：
<link href="Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="Cesium/Cesium.js" ></script>
4.引入 Vue-iClient3D-WebGL在 main.js 中：
// 引入ui依赖
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
app.use(ElementPlus)
// 引入webgl3d组件包
import '@supermap/iclient3d-vue-for-webgl/lib/theme/index.css'
import webgl3d from "@supermap/iclient3d-vue-for-webgl"
app.use(webgl3d)
5.测试在App.vue里测试代码:
<sm3d-viewer scene-url="http://www.supermapol.com/realspace/services/3D-ZF_normal/rest/realspace"><sm3d-measure></sm3d-measure></sm3d-viewer>

如果包有问题则下载最新的webgl包， 将WebGL包中的Build文件夹中的Cesium文件夹拷贝到static目录，进行替换即可

Answer 2

好用了吗, 一样的问题, 看来不是我的问题

Comments

弄不好，还是报错