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

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

问题

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

已按初始化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

相关文章
|
4月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
922 1
|
2月前
|
人工智能 小程序 JavaScript
【一步步开发AI运动小程序】十四、主包超出2M大小限制,如何将插件分包发布?
本文介绍了如何从零开始开发一个AI运动小程序,重点讲解了通过分包技术解决程序包超过2M限制的问题。详细步骤包括在uni-app中创建分包、配置`manifest.json`和`pages.json`文件,并提供了分包前后代码大小对比,帮助开发者高效实现AI运动功能。
|
5月前
|
JavaScript
使用npm,快速构建第一个vue项目
本文介绍了如何使用npm快速构建第一个Vue项目。步骤包括确保安装了Node.js并且配置了正确的环境变量,创建一个空文件夹并使用VSCode打开,通过VSCode的终端执行`npm init vue@latest`命令以初始化项目,选择默认配置即可。接着安装项目依赖并启动开发服务器,最后通过浏览器访问开发服务器提供的本地地址查看项目运行结果。文章还提供了相关代码和操作截图。
|
6月前
|
存储 小程序 Java
【小程序分包】小程序包大于2M,来这教你分包啊
本文介绍了如何通过分包解决uniapp小程序包体积过大的问题。由于版本升级导致包体积超过2M,即使压缩静态资源也无法满足发布要求。文章详细讲解了分包的原因、步骤及注意事项,并提供了实操示例,帮助读者理解并实现小程序分包,从而减小主包大小
276 1
【小程序分包】小程序包大于2M,来这教你分包啊
|
4月前
|
前端开发 JavaScript 开发工具
从零开始:构建、打包并上传个人前端组件库至私有npm仓库的完整指南
从零开始:构建、打包并上传个人前端组件库至私有npm仓库的完整指南
707 0
|
6月前
|
敏捷开发 缓存 Java
阿里云云效产品使用合集之如何配置流水线里的npm构建
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
6月前
NPM——"xxxx" is invalid for new packages
NPM——"xxxx" is invalid for new packages
48 0
|
8月前
npm构建vite项目
npm构建vite项目
|
7月前
|
JavaScript 开发工具
支付系统----微信支付22------初始化Vue项目,npm run serve -- -- port 8888,Vue默认打开是8888的写法
支付系统----微信支付22------初始化Vue项目,npm run serve -- -- port 8888,Vue默认打开是8888的写法
|
7月前
|
小程序
【微信小程序-原生开发】实用教程21 - 分包
【微信小程序-原生开发】实用教程21 - 分包
442 0

热门文章

最新文章