uniapp项目npm安装第三方插件,运行到小程序找不到相关插件

已于 2022-03-31 15:17:23 修改
阅读量5k 收藏 3
点赞数 2
分类专栏： 前端项目中解决的问题 文章标签： 前端
于 2022-03-31 11:57:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25170255/article/details/123867736
版权
在uniapp项目中使用npm安装了relation-graph图谱插件，能正常在内置浏览器运行，但运行到微信小程序时因缺少node_modules导致插件未找到。尝试按uniapp官方文档操作无果，寻求解决方案。
摘要由CSDN通过智能技术生成

最近在做uniapp的项目的时候，需要用到图谱插件，网上找了一个图谱插件 relation-graph，希望能应用到uniapp上面，小程序上面。

首先npm一下

npm install --save relation-graph

然后引入调用，直接引用node_modules里面的，运行到内置浏览器是没有问题的

下面是运行效果，在内置浏览器里面是可以运行出来的，也能够看到实际的图谱效果

但是运行到微信小程序，提示这个插件未找到，查看了一下生成的小程序的目录结构，发现node_modules文件并没有生成到微信小程序里面，所以导致这个插件无法找到。

 看了uniapp文档给出的关于npm支持，

最低0.47元/天 解锁文章
小世界94
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 18
    评论
专栏目录
uni-app - 使用 npm 安装第三方包
王佳斌
11-09 1万+
前言 官方文档：https://uniapp.dcloud.io/frame?id=npm%E6%94%AF%E6%8C%81 如果您是 HBuilder 创建的项目，那么你需要以下几步才能装包（cli 创建的项目可直接 npm 装包）。 初始化项目 若项目之前未使用 npm 管理依赖（项目根目录下无 package.json 文件），先在项目根目录执行命令初始化 npm 工程，键入以下命令： npm init -y 根目录会多出一个 package.json 文件。 完成 安装完成后，根目录会多出
vue封装第三方插件并发布到npm的方法
08-29
vue 封装第三方插件并发布到 npm 的方法 本文介绍了如何将第三方插件封装成 Vue 插件，并发布到 npm 上。文章主要讲解了如何封装 Gitment 插件，并将其发布到 npm 上。 知识点一：项目初始化 在开始之前，我们...
uniapp中使用echarts关系图
最新发布
记录做程序员自己遇到的每一个难点
07-18 621
this.echartsStyle.height = uni.getSystemInfoSync().screenHeight + 'px' // 获取屏幕高度。import echarts from "@/static/common/js/echarts.min.js" // 引入echarts.js。this.atlasTermNode = this.atlasData.data.termNode.name // 节点名称赋值。this.hasRelateWords = true // 是否有相关词。
如何在uni-app中引入uView插件（1.通过npm下载、2.通过插件市场安装）
2301_78721331的博客
06-20 1051
在pages.json配置，uni-app为了调试性能的原因，修改easycom规则不会实时生效，配置完后，您需要重启Hbuilder X或者重新编译项目才能正常使用uView的功能。在pages.json配置，uni-app为了调试性能的原因，修改easycom规则不会实时生效，配置完后，您需要重启Hbuilder X或者重新编译项目才能正常使用uView的功能。在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。接下来是通过插件市场安装的配置步骤。
前端学习地址_备忘录(随时更新)
m0_54741495的博客
11-10 483
MDN:菜鸟教程:印记中文:w3cschool:vue2官网:vue3官网:vite文档:vue-cli官网:vue-router:vuex:vue-press:vue源码:antdv:参考博文: react官网: react中文:
uniapp 本地导入原生插件提示插件不合法在文件下检测不到该插件
成长笔记
07-09 3079
插件文件的名字要跟package里的插件name一致
relation-graph一个vue关系图谱组件的使用
weixin_45289656的博客
11-02 1万+
relation-graph一个vue关系图谱组件的使用
uni-app 组件找不到问题常规解决办法
m0_49714202的博客
04-09 2369
uni-app 组件找不到问题常规解决办法 1.确认文件是否保存 2.确认引用路径是否正确，特别是利用复制粘贴的引用路径最容易导致组件应用错误，这时候需要手动敲一遍路径 3.组件是否注册，引用的组件需要在 components:{ } 中注册，请注意书写规范为驼峰式 4.确认以上均没问题，请尝试重编译或者关闭编程环境，重启试试 5.如果以上均不能解决请针对具体问题寻找解决办法 ...
uni-app 安装node_module模块
笨笨CEO的博客
04-24 2万+
问题：uni-app 开发中调用uni的方法是控制台报错，Module build failed (from ./node_modules/babel-loader/lib/index.js 1，本地安装node --- 2，以管理员身份打开cmd命令工具，进入项目的文件夹下，执行 npm install @babel/core @babel/preset-env 注意：如果不是管理员身...
uni-app引用npm第三方库
热门推荐
php菜鸟技术天地
12-18 3万+
从HBuilderX版本0.1.51或以上开始，uni-app支持使用npm安装第三方包。使用方式参考NPM支持。 HBuilderX版本0.1.50或以下版本参考以下文章使用。 uni-app 的目录结构，不是src、dist并列方式。 HBuilderX里的uni-app，根目录是相当于src，dist并放到了unpackage目录下。 src目录下是不能直接 npm install 引入...
vue2.0+ 从插件开发到npm发布的示例代码
08-27
Vue 2.0+ 插件开发到npm发布的流程涵盖了从创建项目、编写插件代码、测试、打包到发布到npm仓库的整个过程。这里我们将详细介绍每个步骤。 1. **初始化项目** 使用`vue init webpack-simple vue-pay-keyboard`命令...
uniapp转微信小程序mqtt可用完整代码示例-解决整机调试网络不通问题
04-26
标题中的“uniapp转微信小程序mqtt可用完整代码示例”表明这是一个关于使用uniapp框架将应用转换为微信小程序，并且实现了MQTT（Message Queuing Telemetry Transport）通信功能的项目。MQTT是一种轻量级的发布/订阅...
微信小程序云开发如何使用npm安装依赖
01-19
微信小程序开发教程描述的相当模糊，以至于我反复品读，多次尝试才悟出来该怎么在云开发中使用 npm 安装...如果某个自建的云函数需要使用 npm 安装第三方依赖，该怎么办呢？操作如下： 1. 右键云函数，选择“终端打开
记录一下公司uniapp项目安装node_modules失败问题
qq_56134581的博客
05-11 1819
然后我就npm install 一下，结果安装失败，翻译过来是报的什么字符错误信息，然后百度了一下好像是node版本和npm版本的问题，我当时的node版本是16.13.2，npm版本是8.5的，我试着降低了node版本和npm版本，然后npm install就可以成功安装依赖了，下面是我现在的node和npm版本。刚开始把代码拉下来没有安装node_modules直接用hbuildx工具运行在小程序模拟器中，但是启动不起来，提示找不到'uni-read-pages'模块。
relation-graph实现企业股权穿透图，关系图谱等(类似天眼查股权穿透图)
weixin_39611547的博客
03-06 3465
relation-graph实现企业股权穿透图，关系图谱等(类似天眼查股权穿透图)
Hbuilder创建uni-app项目配置依赖(node-modules)
IT_CRH的博客
03-24 2万+
Hbuilder创建uni-app项目，为项目配置依赖
UNI-APP开发之插件安装失败，离线安装
沧海龙腾LV的博客
03-26 6776
1、背景 UNI-APP在安装插件时，由于公司网络或者加密等原因，会导致插件安装失败。 2、解决办法 a、打开HBuilderX的安装目录D:\HBuilderX\HBuilderX\update\plugins，这里边存放的刚刚点击“安装”插件所下载的安装包。 比如点击安装“内置浏览器” D:\HBuilderX\HBuilderX\update\plugins目录中下载了三个压缩文件，而且压缩文件被加密了，程序自动解压失败，导致安装插件失败 b、手动解压三个压缩文件 很明显，我
【uni-app】使用外部组件不显示报错组件未找到解决方案
SqlloveSyn的博客
05-30 2520
大家好，今天和大家分享一下uni-app使用外部组件不显示报错的一个解决方案，希望能够帮助到大家。
uniapp开发小程序引入组件报错Component is not found in path
weixin_67941232的博客
09-09 9243
微信小程序报错Component is not found in path
uniapp 安装npm
09-05
要在UniApp中安装npm，你需要先确保你的项目根目录下有一个package.json文件。如果没有，请在终端中导航到你的项目根目录，并运行以下命令来生成一个package.json文件： ```bash npm init -y ``` 接下来，你可以使用以下命令来安装npm包： ```bash npm install <package-name> ``` 请将`<package-name>`替换为你想要安装的具体npm包的名称。例如，如果你想要安装Vue.js，可以运行以下命令： ```bash npm install vue ``` 安装完成后，你就可以在你的UniApp项目中使用相应的npm包了。
评论 18
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小世界94

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值