如何将自定义扩展集成到 Vue

发布于 2025-01-09 10:05:09 字数 1344 浏览 0 评论 0原文

我想自定义 MarkupsGui 扩展，因此我克隆了这个存储库并尝试将其集成到 Vue 项目中，但没有成功。有什么帮助吗？ https://github.com/wallabyway/forge-markup-measure-extensions

我将描述到目前为止我所做的事情。

Step1：获取Markup.min.js文件

git clone https://github.com/wallabyway/forge-markup-measure-extensions.git  
npm install webpack  
npm install css-loader --save-dev  
npm install style-loader --save-dev  
npm install svg-url-loader --save-dev  
webpack --config=webpack.js --env BUILD_TASK=lmv-extensions --env BUILD_PROD=true

=>将“forge-markup-measure-extensions/build/extensions/Markup/Markup.min.js”复制到我的 Vue 项目中。

第 2 步：
/public/index.html

<head>
 ...
 <script src="Markup.min.js"></script> 
</head>

Markup.min.js 位于 public 目录下
当我打开页面时，Markup.min.js 未加载

我尝试参考这篇文章进行动态导入。
在 Nuxt.JS 中为 autodesk Forge Viewer 创建自定义工具栏扩展的正确方法是什么？

我还检查了此存储库
https://github.com/alvpickmans/forge-vuer

我想查看自定义扩展示例使用 Vue，不是官方扩展。我真的需要帮助！

原文

I want to customize MarkupsGui extension so I cloned this repo and tried to integrate it to a Vue project, but no luck. Any help?
https://github.com/wallabyway/forge-markup-measure-extensions

I will describe what I did so far.

Step1: Get Markup.min.js file

git clone https://github.com/wallabyway/forge-markup-measure-extensions.git  
npm install webpack  
npm install css-loader --save-dev  
npm install style-loader --save-dev  
npm install svg-url-loader --save-dev  
webpack --config=webpack.js --env BUILD_TASK=lmv-extensions --env BUILD_PROD=true

=> Copy "forge-markup-measure-extensions/build/extensions/Markup/Markup.min.js" to my Vue project.

Step 2:
/public/index.html

<head>
 ...
 <script src="Markup.min.js"></script> 
</head>

Markup.min.js is under public directory
When I open the page, Markup.min.js is not loaded

I tried dynamic import referring to this post.
What is the proper way to create a custom toolbar extension in Nuxt.JS for autodesk forge viewer?

I also checked this repo
https://github.com/alvpickmans/forge-vuer

I want to see custom extension sample with Vue, not official extension. I really need help!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

云胡 2025-01-16 10:05:09

好的，我通过在 head 标签中添加解决了这个问题

<base href="/" />
<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.61/style.min.css" type="text/css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.61/viewer3D.min.js"></script>
<script src="Markup.min.js"></script>

OK, I've solved this issue by adding <base href="/" /> in head tag

<base href="/" />
<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.61/style.min.css" type="text/css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.61/viewer3D.min.js"></script>
<script src="Markup.min.js"></script>

回复收藏 0 原文

~没有更多了~