新建微信小程序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

相关文章
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
409 2
|
存储 JavaScript 前端开发
在NodeJS中使用npm包进行JS代码的混淆加密
总的来说,使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置,我们可以使混淆后的代码更难以理解,从而提高代码的保密性。
1357 9
|
存储 资源调度 JavaScript
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具。npm 是官方默认的包管理器,提供依赖管理、安装和更新等功能;cnpm 是由阿里巴巴开发的 npm 镜像,专为中国大陆用户优化,解决下载速度慢的问题;pnpm 通过硬链接技术提高安装速度并节省磁盘空间,特别适合磁盘资源紧张的环境。三者命令类似,但各有特色,开发者可根据需求选择合适的工具。
2458 5
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
633 3
npm学习一:npm 包管理工具 学习、使用。
使用npm,快速构建第一个vue项目
本文介绍了如何使用npm快速构建第一个Vue项目。步骤包括确保安装了Node.js并且配置了正确的环境变量,创建一个空文件夹并使用VSCode打开,通过VSCode的终端执行`npm init vue@latest`命令以初始化项目,选择默认配置即可。接着安装项目依赖并启动开发服务器,最后通过浏览器访问开发服务器提供的本地地址查看项目运行结果。文章还提供了相关代码和操作截图。
|
前端开发 JavaScript 开发工具
从零开始:构建、打包并上传个人前端组件库至私有npm仓库的完整指南
从零开始:构建、打包并上传个人前端组件库至私有npm仓库的完整指南
3201 0
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
1656 0
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
4318 7
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
5000 1
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
4017 11
技术小白如何利用DeepSeek半小时开发微信小程序?

热门文章

最新文章

推荐镜像

更多
  • NPM