npm安装、使用及遇见的问题:微信开发者工具构建npm提示没有可以构建的npm包

npm安装、使用及遇见的问题:微信开发者工具构建npm提示没有可以构建的npm包

  • npm安装、使用及遇见的问题
    • cpm安装与更新
    • 使用npm包
    • 构建npm
    • 问题:没有可以构建的npm包

npm安装、使用及遇见的问题

微信小程序支持使用 npm 安装第三方包。npm是世界上最大的软件注册表。来自各大洲的开源开发人员都使用npm共享和借用软件包,许多组织也使用npm来管理私人开发。
npm由三个不同的组件组成:

  • 网站
  • 命令行界面(CLI)
  • 注册表

使用网站发现软件包,设置配置文件以及管理npm体验的其他方面。

CLI从终端运行,并且是如何大多数开发商NPM互动。

注册表是JavaScript软件及其周围的元信息的大型公共数据库。

cpm安装与更新

npm的当前稳定版本在这里。要升级,请运行:npm install npm@latest -g

使用npm包

由于我使用了Vant Weapp,所以在小程序 package.json 所在的目录中 npm来安装:npm i @vant/weapp -S --production
此处要求参与构建 npm 的 package.json 需要在 project.config.js 定义的 miniprogramRoot 之内。
tips: miniprogramRoot 字段不存在时,miniprogramRoot 就是 project.config.js 所在的目录。
因此 package.json 和 node_modules 必须在 miniprogram 目录下

构建npm

点击开发者工具中的菜单栏:工具 --> 构建 npm。
npm安装、使用及遇见的问题:微信开发者工具构建npm提示没有可以构建的npm包_第1张图片
同时在详情中勾选“使用 npm 模块”选项
npm安装、使用及遇见的问题:微信开发者工具构建npm提示没有可以构建的npm包_第2张图片
构建完成后即可使用
npm安装、使用及遇见的问题:微信开发者工具构建npm提示没有可以构建的npm包_第3张图片

问题:没有可以构建的npm包

package.json 和 node_modules 必须在 miniprogram 目录下

  1. 进入程序根目录,在终端输入:cpm init
    会出现很多提示,直接点击Enter就行
    npm安装、使用及遇见的问题:微信开发者工具构建npm提示没有可以构建的npm包_第4张图片

  2. 输入命令:npm i miniprogram-sm-crypto --production
    之后就可以返回构建npm了!

你可能感兴趣的:(微信小程序前端那点事,npm,小程序,node.js,vue)