微信小程序构建npm(js和ts)

这篇具有很好参考价值的文章主要介绍了微信小程序构建npm(js和ts)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

先吐槽一下,官方文档写的就是一坨粑粑!真垃圾

js版本下构建npm

不要按照官方的来,不然会有以下报错
小程序如何构建npm,小程序,微信小程序,javascript,npm

1.需要在电脑上按照node,并确保环境变量配置完毕

2.新建一个小程序项目,js版本

3.从小程序根目录打开cmd命令行

空白处右键,选择在外部终端窗口中打开
小程序如何构建npm,小程序,微信小程序,javascript,npm

4.在命令行中执行npm init -y

小程序如何构建npm,小程序,微信小程序,javascript,npm

5.继续执行npm install express

小程序如何构建npm,小程序,微信小程序,javascript,npm

6.修改project.config.json中setting

"packNpmManually": true,
 "packNpmRelationList": [
     {
         "packageJsonPath": "./package.json",
         "miniprogramNpmDistDir": "./"
     }
 ]

小程序如何构建npm,小程序,微信小程序,javascript,npm

7.点击工具->构建npm

小程序如何构建npm,小程序,微信小程序,javascript,npm
之后每次安装新的依赖,都要点击一次构建npm!!!,每次!!!

ts版本下构建npm

1.需要在电脑上按照node,并确保环境变量配置完毕

2.新建一个小程序项目,ts版本

3.从小程序根目录打开cmd命令行

空白处右键,选择在外部终端窗口中打开
小程序如何构建npm,小程序,微信小程序,javascript,npm

4.在命令行中执行npm init -y

5.继续执行npm install express

小程序如何构建npm,小程序,微信小程序,javascript,npm

6.删除project.config.json中setting中的useCompilerPlugins

每次构建npm都要记得删除,构建结束记得还原回来
小程序如何构建npm,小程序,微信小程序,javascript,npm

7.在project.config.json中setting添加以下代码

"packNpmManually": true,
"packNpmRelationList": [
        {
            "packageJsonPath": "./package.json",
            "miniprogramNpmDistDir": "./miniprogram/"
        }
    ]

小程序如何构建npm,小程序,微信小程序,javascript,npm

8.点击工具->构建npm

小程序如何构建npm,小程序,微信小程序,javascript,npm

9.将刚才删除的project.config.json中setting的useCompilerPlugins还原回来,不然没法运行,不识别ts了

小程序如何构建npm,小程序,微信小程序,javascript,npm

之后每次安装新的依赖,都要点击一次构建npm!!!,每次!!!
每次构建npm前,记得先将project.config.json中setting的useCompilerPlugins删除!!!文章来源地址https://www.toymoban.com/news/detail-606329.html

到了这里,关于微信小程序构建npm(js和ts)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决微信小程序提示构建npm失败

    根据报错信息可以看出需要我们在project.config.json文件中指定构建npm相关的路径 在project.config.json中添加如下代码( 要加在setting下哦 ): 添加完成后,再次点击【构建npm】,发现还是报错。 重点来了,这个时候要 重启微信开发者工具 ,然后再次点击【构建npm】,就可以了

    2024年02月03日
    浏览(60)
  • 【微信小程序】工具构建npm不生效问题

    直接终端输入 npm init -y npm install express 会重新初始化package.json和重新刷新node_modules包 然后直接点npm构建 构建出来这个就完事了

    2024年02月02日
    浏览(37)
  • 微信小程序 构建npm报错 没有生成miniprogram_npm目录

    拉取已有仓库,在目录下执行npm install,再在微信开发者工具里点构建npm,报错说找不到/miniprogram_npm 基础库2.27.1 一、先在 project.config.json 中检查配置 packageJsonPath 是用来寻找 package.json miniprogramNpmDistDir 配置 miniprogram_npm 生成目录 miniprogram_npm 是小程序使用的npm包目录,与 nod

    2024年02月11日
    浏览(61)
  • [微信小程序] 项目引入vant组件库 npm构建问题 避坑

     按照Vant Weapp官网的快速上手,构建npm时发现报错 问题:package.json 未找到 原因:没有初始化npm,所以没生成package.json,npm构建时需要此文件,所以报此错误 解决:在项目根目录里执行 “ npm init ” 再次构建npm,还会报错,此时按照vant官方文档 再次执行即可: 如果还是没有

    2024年02月17日
    浏览(49)
  • 微信小程序在使用vant组件库时构建npm报错

    在跟着vant官方进行使用步骤一步步操作时,由于要构建NPM,但NPM包在App配置文件的外部 所以在做下图这一步时: 接着再进行npm构建时会报错 解决方法 :修改

    2024年02月13日
    浏览(53)
  • 没有找到可以构建的NPM包,请确认需要参与构建的npm都在 `miniprogramRoot` 目录内 --- 微信小程序报错

    报错:“没有找到可以构建的NPM包,请确认需要参与构建的npm都在 miniprogramRoot 目录内” 说明项目中没有用npm install安装要使用的UI组件库的依赖,所以就不会出现这个文件夹 。 解决办法 :项目中安装相关组件库依赖后,再重复第1步构建npm的操作,此时会生成miniprogram_npm文

    2024年02月11日
    浏览(41)
  • 微信小程序vant安装使用过程中遇到无法构建npm的问题

    官网地址,然而如果完全按照这个教程来,实际上是缺少步骤的,需要补充一些步骤(参考https://www.bilibili.com/video/BV1vL41127Er)

    2024年02月03日
    浏览(55)
  • 微信小程序通过npm引入tdesign包进行构建的时候报错

    问题 在通过npm 引入 tdesign时:https://tdesign.tencent.com/miniprogram/getting-started 通过微信小程序IDE进行npm构建的时候出现:无法构建,应该怎么办? 解决方法: 1 输入: 命令 2 重新点击工具-npm构建 这个时候,黑框出现一段Json,同时提示构建成功,即可开始使用tdesign了!

    2024年02月10日
    浏览(44)
  • 微信小程序安装vant组件库过程(利用node.js中的npm)

    最近学完机器学习,闲着无事学一下小程序,安装vant组件库的前提是要拥有一个node.js(npm在其中),下载完node.js之后,在微信小程序的项目文件中输入命令行安装即可 node.js官网安装地址点击这里  点击Other Downloads  下载windows64位  打开下载之后的安装包 注意:这一步之前

    2024年02月10日
    浏览(64)
  • 微信小程序bug:没有找到可以构建的NPM包,请确认需要参与构建的npm在miniprogramroot目录;与app.json: [“usingComponents“][“van-button“]:

    目录 错误1:没有找到可以构建的NPM包,请确认需要参与构建的npm在miniprogramroot目录 旧版本  新版本 错误二:app.json: [\\\"usingComponents\\\"][\\\"van-button\\\"]: \\\"@vant/weapp/button/index\\\" 未找到 今天在写微信小程序的时候,在里面引入包的时候,然后构建npm时,报了一个错: 没有找到可以构建的

    2024年02月04日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包