新建微信小程序Ts模版构建npm错误 ,没有找到可以构建的 NPM 包,NPM packages not found。

简介: 新建微信小程序Ts模版构建npm错误 ,没有找到可以构建的 NPM 包,NPM packages not found。

问题

message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 miniprogramRoot 目录内,或配置 project.config.json 的 packNpmManually 和packNpmRelationList 进行构建

已按初始化npm,但是构建提示npm包找不到

解决

1、首先 在终端中 确实是先初始化过了

npm init


2、如果已经初始化以后,项目根目录找到project.config.json文件,在setting关键字,里面增加

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

注意 !!!

如果大家配置了 ts 支持,那么只用把下面这段配置删掉,就可以构建了

"useCompilerPlugins": [
   "typescript"
],

不得不说微信IDE工具链团队实在是太垃圾了,这么明显的问题一直没发现不修复,社区反馈问题反而怪大家配置错误,然后丢一句 demo 没问题。。。。不信你们自己试试 ts 模板创建的项目能否构建成功?

不知道浪费了国内开发者多少时间!

3、然后在npm安装你想要的包,就可以正常构建了

npm i tdesign-miniprogram -S --production

4、到这一步直接去构建npm

5 、将之前删掉的配置 再加上 然后在编译执行 就可以引入组件库等等插件了

"useCompilerPlugins": [
   "typescript"
],

4dd373dcf6fd4a87b9eb2cf014af28c8.png

相关文章
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
5350 1
|
人工智能 数据可视化 API
10 分钟构建 AI 客服并应用到网站、钉钉或微信中测试评
10 分钟构建 AI 客服并应用到网站、钉钉或微信中测试评
544 2
|
人工智能
10 分钟构建 AI 客服并应用到网站、钉钉或微信中简说
10 分钟构建 AI 客服并应用到网站、钉钉或微信
|
JSON 监控 小程序
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
1976 14
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
微信封号脚本插件,全自动批量投诉工具, vx隔空抓包封号思路【仅供学习参考用途】
这是一款针对微信投诉自动化处理的工具插件,通过模拟点击操作实现批量投诉功能。相比手动投诉,该插件效率更高、成功率更有保障。
|
移动开发 JavaScript 前端开发
vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
645 7
vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
|
小程序 开发者
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
1665 1
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
|
小程序 JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法:一是通过 `<swiper>` 实现,二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
856 2
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
本文介绍了Taro中`useShareAppMessage`的使用方法,需在页面配置`enableShareAppMessage: true`并重新编译。
1484 0
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
|
小程序 数据安全/隐私保护
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
在 `src/http` 目录下创建 `request.ts` 文件,并配置 Taro 的网络请求方法 `Taro.request`,支持多种 HTTP 方法并处理数据加密。
968 0
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装

推荐镜像

更多
  • NPM