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

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

首先npm一下

npm install --save relation-graph

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

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

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

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

最低0.47元/天 解锁文章
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 文件。 完成 安装完成后，根目录会多出
uniapp(全端兼容) - 最新详细实现接入腾讯视频播放器功能插件，uniapp全平台端（小程序/H5网页/App/nvu）调用引入并使用腾讯视频播放组件完整全流程（详细示例源码，一键复制开箱即用）
高级前端工程师
05-15 1万+
uniapp腾讯视频，uniapp微信小程序腾讯视频，uniapp小程序接入腾讯视频详细示例教程源码，uniapp怎么在微信小程序平台使用腾讯视频插件，在uni-app中使用腾讯视频插件播放视频，uniapp调用腾讯视频，uniapp引入腾讯视频插件，uniapp小程序中引入腾讯视频无法播放，uniapp微信小程序平台引入腾讯视频播放不了黑屏，在uniapp开发的微信小程序中使用腾讯视频，uniapp如何引入腾讯视频插件播放视频，uni-app小程序平台引入腾讯视频插件播放腾讯视频，uniapp 小程序接入
[uni-app] 微信小程序 - 组件找不到/导入报错 (分包问题导致)
iOSTianNan的博客
07-24 6263
我们先来假设一个场景,如果小程序进行了分包操作, 其中有个公共组件需要被各个。尝试了清缓存\重启\删项目等一些列操作均无效。,本身是被分包处理了, 他是作为子包存在的(这个子包中, import同级别的子报。依赖使用, 那显然我们会将该组件放置在。由于项目刚接手,还未仔细观察分包结构,上面两个路径中, 都存在一模一样的。切换了个路径下的组件, 导入失败,, 就会出现导入报错失败的提示,这也说明了, import。组件的import的父组件。这里的问题就出在了分包,
如何把 uniapp 的 uni_modules 的包转移至分包
最新发布
qinbeiyun的博客
04-14 394
下的包当成普通的包就行。
uni-app使用npm命令安装组件
u010855711的博客
06-01 4664
uni-app框架开发微信小程序，使用npm方式安装组件前提程序安装及详细使用方法介绍。
小程序npm安装第三方ui插件
weixin_43498076的博客
09-11 436
微信开发文档对npm的说明：　https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html 1.在小程序根目录打开cmd终端,输入npm init 初始化npm,一路回车 生成一个package.json文件 2.接着输入npm install下载依赖,会生成一个一个node_modules文件 3.输入npm install --production docxtemplater ,勾选使用npm模块 4.下载自己需要引入的第三方插件
uniapp npm引入第三方插件
weixin_44379251的博客
05-22 4173
如果只是创建了基础模板，根目录下没有package.json文件的话，可以自己创建一个package.json文件安装依赖，引入以下代码 { "dependencies": { "vue": "^2.5.10", "vue-i18n": "^7.8.0" }, "devDependencies": { "@vue/cli-service": "^3.0.1", "compression-webpack-plugin": "^3.1.0", "vue-template-compile
uniapp为什么 `unplugin-vue-components` 不生效，仍需手动导入？原来是这个配置问题！
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
12-09 417
最近在用 Vite 开发 Vue3 项目的时候，我遇到一个奇怪的问题：明明在。
微信小程序开发中的第三方组件与插件使用
吃不胖.
04-03 626
其中，"van-button"和"van-cell"是要引入的组件名称，"path/to/vant-weapp/dist/button/index"和"path/to/vant-weapp/dist/cell/index"是组件的路径。一、第三方组件的使用 第三方组件是由开发者自己开发并提供给其他开发者使用的组件，可以说是自定义组件的一种。微信小程序开发中，第三方组件和插件是非常重要的，它们可以帮助我们快速开发小程序，扩展小程序的功能，提升用户体验。其中，"myPlugin"是插件的别名，可以自定义。
微信小程序 没有找到可以构建的npm包
weixin_42954590的博客
10-14 867
1.进入小程序根目录，打开cmd，输入：npm init 输入命令后一直点回车 2.输入命令：npm i miniprogram-sm-crypto --production 执行命令完之后，然后再去微信开发者中点工具-构建npm，然后就成功了 ...
uni-app使用npm安装第三方包
热门推荐
沧笙踏歌的博客
04-29 2万+
初始化npm工程 若项目之前未使用npm管理依赖（项目根目录下无package.json文件），先在项目根目录执行命令初始化npm工程： npm init -y cli项目默认已经有package.json了。HBuilderX创建的项目默认没有，需要通过初始化命令来创建。 安装依赖 在项目根目录执行命令安装npm包： npm install packageName --save 使用 安装完...
uniapp运行项目到微信小程序报错——未找到[“sitemapLocation“]
Smile_ping的博客
03-18 678
uniapp运行项目到微信小程序时报错，未找到["sitemapLocation"]对应的 sitemap.json 文件
uni-app开发微信小程序中npm失效问题
m0_66778667的博客
07-04 3775
由于uni-app没有自动初始化npm，因此需要手动初始化npm包管理器在终端中输入以下命令： 就会在目录下自动生成pakage.json文件 如果出现以下情况： 并且enter键死循环，则需要检查目录中是否存在中文名，如果存在，则修改成英文，问题解决...
关于UniApp启动到微信小程序工具提示找不到app.json
云散的博客
05-18 5988
app.json未找到解决方法
【uni-app】微信小程序开发 node_modules 模块丢失问题
我的博客
10-09 1万+
安装 copy-webpack-plugin 复制插件【node_modules不是uni-app的默认目录，不会被打包进。运行小程序开发工具，出现node_modules文件夹即表示配置成功，配置成功后就可以快乐的玩耍了！】，安装完后在项目根目录新建 vue.config.js 文件进行配置。在 vue.config.js 文件中添加以下内容。
微信小程序，引用扩展组件提示“没有找到可以构建的NPM包”
inticaler的博客
12-30 1047
在微信小程序开发中，需要引入扩展组件的时候，使用npm引入之后，却提示“没有找到可以构建的NPM包”，查了很多资料，原来是需要参与构建的npm在miniprogramroot目录。 开发者工具创建的项目，miniprogramRoot默认为miniprogram，package.json在其外部，npm 构建无法正常工作。 需要手动在project.config.json内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。 { ... "setting": { .....
评论 18
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

小世界94

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

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

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

打赏作者

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

抵扣说明：

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

余额充值