小程序没有找到 node_modules 目录

最新推荐文章于 2024-07-02 09:33:23 发布
原创 最新推荐文章于 2024-07-02 09:33:23 发布 · 479 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在微信小程序中引入并使用VantUI组件库，通过npm安装vant-weapp，配置小程序工具，实现快速开发。步骤包括初始化项目，安装依赖，配置构建npm模块。

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

Vant UI库开发文档链接：https://youzan.github.io/vant-weapp/#/quickstart
第一步
小程序引用 Vant UI库
在miniprogram目录下右击打开终端执行以下命令：
npm i vant-weapp -S --production

第二步点击小程序的工具 -> 构建npm
这时会提示 没有找到 node_modules 目录
这时
进入根目录打开控制台
输入

npm init

然后连续回车
再试试第一步的操作，即可。
在这里插入图片描述
然后点击界面的详情，勾选使用npm模块即可：
在这里插入图片描述

npm install没有创建node_modules文件夹
qq_17162169的博客
04-15 1万+
问题记录 live-server 使用时 报错：live-server : 无法将“live-server”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。 npm install 安装 但是 这时npm install没有创建node_modules文件夹，只生成package-lock.json文件 方法一： 手动删除package-lock.json文件 npm cache clean --force 安装npm install 这时还是没有node_modules文件夹的话
微信小程序 没有找到 node_modules 目录
热门推荐
u014726163的博客
09-29 1万+
最近要开发小程序了，虽然以前也玩过一会，但小程序的开发更新还是很快的，以前不支持npm包，现在支持了，以前没有云开发的，现在也有了，说实话，小程序的云开发真是牛逼。但最近遇到了很蛋疼的问题，构建npm的时候出现 “没有找到 node_modules 目录” 使用有赞的npm包 初始化 npm init 安装有赞vant-weapp npm i vant-weapp -S --produc...
【uni-app】微信小程序开发 node_modules 模块丢失问题
我的博客
10-09 1万+
安装 copy-webpack-plugin 复制插件【node_modules不是uni-app的默认目录，不会被打包进。运行小程序开发工具，出现node_modules文件夹即表示配置成功，配置成功后就可以快乐的玩耍了！】，安装完后在项目根目录新建 vue.config.js 文件进行配置。在 vue.config.js 文件中添加以下内容。
小程序云函数构建npm，找不到node_modules
liwang2016384的博客
01-11 1022
1 、 打开cmd,切换到小程序目录下的miniprogram目录，使用 npm init -y  生成默认的package.json文件 2、在miniprogram目录下执行 npm i vant-weapp -S --production 3、在开发者工具中的工具菜单下构建npm  ...
npm install包提示安装成功，但项目目录中没有出现node_modules的解决方案
qq_55873376的博客
05-16 4843
在使用npm安装包时，有时可能会遇到安装成功，但在项目目录中找不到node_modules的问题。
安装node软件 文件夹里没有node_modules 包 是怎么回事
qq_70036866的博客
07-02 1866
在安装Node.js时，它会自动创建一个名为node_modules的文件夹，并将相关的包安装到该文件夹中。
微信小程序开发者工具构建npm提示没找到node_modules目录
子钦加油的博客
09-19 1434
一、官网给的文档写的不够充分，需要你充分理解npm的使用方法，才能明白的； 二、第一步：先在你电脑上安装npm 参考下面文章 https://www.cnblogs.com/zmdComeOn/p/11543441.html 三、第二步： 1、第一步：打开终端 cd 到项目目录下 输入如下命令： npm init 如下图所示 　　　　 　...
node 依赖包，node-node-modules下
09-12
在Node.js环境中，`node_modules`目录是存放项目依赖包的地方。这个目录对于任何Node.js项目都至关重要，因为它包含了项目运行所需的所有外部模块。在"node-node-modules下"的描述中，我们可以理解为这是一个关于...
node_modules.zip
12-21
"node_modules.zip" 是一个与Node.js开发相关的压缩文件，其中包含了Node.js应用程序运行所需的依赖模块。在Node.js环境中，`node_modules` 目录是存放所有外部依赖库的地方，这些库通过`npm (Node Package Manager)...
exb-1.4-node_modules-cache.zip
07-20
使用这个压缩包时，开发者需要将其解压到本地的ExB开发环境中，通常是项目根目录下的`node_modules`目录。解压后，ExB将能够识别并使用这些预下载的模块，从而加速项目的初始化和开发流程。 对于敏捷开发来说，快速...
小程序提示 没有找到 node_modules 目录
wangqiuwei07的专栏
02-22 1657
小程序使用npm的时候，安装官网教程配置的时候，提示没有找到 node_modules 目录，可是目录里面明明有这个目录，其实是应该先执行命令 npm init 执行完了以后，会提示你输入一些信息，我是直接next->next,最后yes就可以了 下面就是安装一个库，例如有赞的库，这才应该是官网的第二步的正确命令，安装哪个库就换成哪个库，官网上面直接一个npm install也不说明白，...
微信小程序引入node_modules依赖
abccbatqw的博客
11-27 3410
最后removed 181 packages in 2m是应为之前在calendar_1下就有node_modules。微信小程序不支持直接读取node_modules。首先在目录文件夹下cmd输入npm init命令。以上为cmd下操作过程，基本一路enter即可。
微信小程序+没有找到node_modules目录
qq_29961715的博客
04-27 1265
第一步：设置-->项目设置-->使用npm模块 第二步：右键目录下miniprogram-->终端打开-->输入npm init-->在packagename下输入：。。。。一直回车-->输入:yes 第三步：输入npm i miniprogram-sm-crypto --production 第四步：工具-->构建npm-->完成...
小程序云开发踩坑——开启本地调试提示：“ node modules ”
睫毛长长的舒克
01-20 4098
云函数写好后，可以在本地进行调式，在云函数目录右键->打开本地调式，会出来一个大的弹窗，右侧点击开启本地调式，结果提示node modules未安装， 那要怎么安装呢？cdm进入这个云函数目录，然后 npm install 进行该云函数的安装，就可以愉快地本地调试了。注意，要进入到该函数目录，不是整个项目的云函数目录。因为，貌似每个函数都需要安装一次，才能进行本地调式，这有点麻...
小程序构建npm提示没有找到node-modules目录
qq_39923762的博客
01-11 1519
1、把根目录下的node_modules文件夹移动到了pages文件夹下 2、在pages文件夹下执行npm init 3、安装，npm i miniprogram-sm-crypto --production 4、打开工具构建npm
微信小程序如何进行npm导入组件
m0_72168336的博客
03-31 4824
微信小程序通过npm引入组件
微信小程序 引用 vant-weapp 没有找到 node_modules 目录 解决办法
iotjin的专栏
09-21 1万+
一、cmd 打开终端， cd到项目路径下，执行下面几步 1、（初始化npm项目）：npm init 2、（生成package-lock.json，记录使用的第三方插件）：npm install --production 3、（引入第三方组件 有赞）： npm i vant-weapp -S --production 第1步操作后一直按回车，直到...
小程序 npm 提示没有找到node_modules目录
weixin_43153309的博客
11-02 7126
小程序引用vant小程序样式 1 、 普通小程序 根目录执行 npm i vant-weapp -S --production 2、 云开发小程序 根目录下有 cloudfunctions miniprogram 在miniprogram目录下执行 miniprogram 再在工具上执行，构建npm ...
微信小程序云函数构建npm，找不到node_modules以及后续出现上传所有文件，并没有上传node_modules的文件问题
weixin_42258276的博客
11-12 1万+
最近研究下微信小程序云函数，在构建npm的时候困扰了很久，总是提示找逼到node_modules，之前一直也没接触过nodejs，不想购买服务器，选择尝试下云开发。 出现这个错误在网上找了很多，都没找到原因，包括官方文档，下面的过程有些别扭，也许不是真正的步骤，有别正确步骤，可以告知 1.本机安装npm 2.在package-lock.json中找到miniprogramRoot，默认为： ...
微信小程序迁移node_modules到分包
最新发布
07-02
微信小程序中，`node_modules` 目录通常包含项目所需的依赖包。由于微信小程序的构建机制限制，直接使用 `node_modules` 中的模块可能会导致主包体积过大，甚至超过平台限制。因此，将 `node_modules` 移动到分包中是一种常见的优化手段。 在 UniApp 项目中，可以通过以下方式将 `node_modules` 迁移到分包中： 1. **配置 `webpack-node-externals` 插件**：通过 Webpack 配置排除 `node_modules`，防止其被打入主包中[^2]。 ```javascript // webpack.config.js const nodeExternals = require('webpack-node-externals'); module.exports = { target: 'node', // 告诉 Webpack 该构建目标为 Node.js 环境 externals: [nodeExternals()], // 排除 node_modules }; ``` 2. **手动移动依赖到子包目录**：如果某些依赖仅在子包中使用，可以将这些依赖单独安装到子包目录下，并在子包中引用它们[^2]。 - 在子包目录中创建 `package.json` 并安装所需依赖： ```bash cd subpackages/subpackage-name npm init -y npm install your-dependency --save ``` - 构建时确保只打包该子包的依赖。 3. **在 `manifest.json` 中配置子包优化**：适用于项目中有多个子包需要优化的情况。可以在 `manifest.json` 文件中指定哪些依赖应被分配到子包中[^2]。 4. **使用 npm 包的相对路径引用**：在小程序中使用 npm 包时，确保通过 `require` 或 `import` 正确引用，并且构建工具能够识别这些依赖并将其放入正确的分包中[^3]。 5. **HBuilderX 分包配置**：如果是基于 HBuilderX 创建的项目，可以在 `package.json` 的运行命令中添加参数以控制构建行为。例如，使用 `--minimize` 参数来最小化输出内容[^4]。 ```json "scripts": { "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize" } ``` 通过上述方法，开发者可以有效地将 `node_modules` 移动到分包中，从而减小主包体积，提升小程序的加载速度和用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值