【解决】微信小程序构建npm发生错误

抹消存在

已于 2023-12-07 15:40:37 修改

阅读量501

点赞数

分类专栏：问题解决文章标签：微信小程序 npm 小程序

于 2023-12-07 15:40:11 首次发布

本文链接：https://blog.youkuaiyun.com/w2016218113/article/details/134856859

版权

问题解决专栏收录该内容

2 篇文章

订阅专栏

错误信息
message：发生错误
Error: E:\0 0代码.微信小程序\fl_01\miniprogram\ 未找到
appid: wxf7cf8cddbdcaa49c
openid: o6zAJs-okad9lX1TqXFwWNG5-1Rk
ideVersion: 1.06.2308310
osType: win32-x64
time: 2023-12-07 15:22:36

解决
由于目前新版开发者工具创建的小程序目录文件结构问题，npm构建的文件目录为miniprogram_npm，并且开发工具会默认在当前目录下创建miniprogram_npm的文件名，所以新版本的miniprogramNpmDistDir配置为’./'即可

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

抹消存在

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序 - 详细解决构建npm报错：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json

王二红

10-25

5405

微信小程序，vue2，vue3，构建npm功能出错，微信开发者工具构建NPM失败，解决没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 miniprogramRoot` 目录内，或配置 project.config.json，新建Ts小程序模版构建npm错误，微信小程序npm安装vant weapp组件库无法构建npm，微信小程序引入腾讯tdesign UI组件库时出现构建npm失败并提示，yarn安装引入第三方插件后无法构建怎么办，没有找到可以构建的 NPM 包，详细解决方案，改了配置

微信小程序构建NPM

我是写BUG的博客

10-19

524

【代码】微信小程序构建NPM。

参与评论您还未登录，请先登录后发表或查看评论

微信小程序构建NPM包失败

Aurora_1970s的博客

10-18

1288

微信小程序构建NPM 包失败方法一进入项目目录，输入： npm init 然后一直回车就行了方法二进入项目目录，输入： npm i miniprogram-sm-crypto --production 上面两种方法尝试之后，再选择微信开发者中点工具-构建npm，然后就成功了。 ...

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

qq_42853039的博客

11-23

5402

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

微信小程序构建npm失败解决方式

llssdshiyi的博客

02-29

2286

NPM packages not found. Please confirm npm packages which need to build are belong to `miniprogramRoot` directory. Or you may edit project.config.json's `packNpmManually` and `packNpmRelationList`没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置

微信小程序开发，构建NPM报错解决

xia09222826的专栏

05-07

5105

安装TDesign组件库之后，点击工具下的构建npm报如上错误。修改之后重启微信小程序开发工具即可。

微信小程序使用npm包的方法步骤

10-16

主要介绍了微信小程序使用npm包的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

微信小程序使用npm支持踩坑

01-03

最近写了个CNode 社区的微信小程序版本，把在微信小程序中使用npm包，踩的坑记录一下，希望能给遇到类似问题的小伙伴，提供一些思路和方向。 npm 支持从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300...

小程序构建npm失败（解决方法）

流水日常，不做大论

12-10

1万+

小程序的官方文档真的是 ** 关于小程序的构建，官方文档上是这样说的：我相信无数个人，尤其是在小程序上第一次使用npm的人都发现，执行地2不你会发现他提示你没有找到 node_modules 目录。别看文档了我告诉你为啥,因为你第一步就被它引导错了！你要执行的命令是 npm install --production @antv/f2-canvas npm install --prod...

微信小程序编译报npm错误

GarenWang的博客

03-22

769

手摸手带你操作错误截图如下，因为我的项目中使用了TS，所以会报。乱码的意思：‘npm‘ 不是内部或外部命令，也不是可运行的程序。 1.首先确保你已经安装了nodeJS并且配置系统环境变量，然后会下面比较尴尬的局面，在外部的CMD命令npm是支持的，IDE里面不行 2. 分析一下，可能是没有访问环境变量权限，于是已管理员身份重新打开IDE，果然！！！这个狗东西好了！如果你不想每次都右键打开，那你就如下操作，一劳永逸。 ...

微信开发者工具 miniprogram_npm 未找到

wangjun5159的专栏

07-29

2798

微信开发者工具中，打开集成了vant-weapp的项目，构建npm时，报错\miniprogram_npm\ 未找到。

message：发生错误Error: C:\Users\wzy\WeChatProjects\miniprogram-1\miniprogram\ 未找到appid: wx

zylovejava的博客

03-12

1415

WXML 文件编译错误] Error -1260: WXML file not found: ./miniprogram_npm/@vant/weapp/action-sheet/index.wxml (env: Windows,mp,1.06.2401020;但是当我们去到./miniprogram_npm/@vant/weapp/action-sheet/这个路径下面时我们是可以找到index.wxml这个文件的。报这个错误的原因是在官方文档里面给的示例代码与我们的项目文件名有区别。

微信小程序编译不通过，报message:Error: app.json: app.json 未找到的错误

热门推荐

fdsjiaoDoctor的博客

03-21

1万+

原因：一、project.config.json 文件配置错误解决：在project.config.json中加入“miniprogramRoot”:“./”，定义项目的根路径。二、编辑器打开时文件夹选择错误解决：打开编辑器时进入project.config.json所在的文件夹并选择，不然会生成project.config.json，此时会报app.json未找到 ...

当·package.json丢失

qq_42676176的博客

06-27

4040

当package.json丢失，对package.json作用、意义的思考，对问题解决方案的记录

npm 报错·记

青蛙king的博客

07-08

3959

文章目录1、执行 npm i 报错2、npm 报错 403 Forbidden 1、执行 npm i 报错可能是以下原因造成的：未切换镜像源 npm config get registry// 查看当前镜像源 npm config set registry <镜像源> 2、npm 报错 403 Forbidden 可能是以下原因造成的：未切换镜像源注册后未进行邮箱的验证文件名重复 npm init// 重新生成文件内容用户密码输入有误 ...

message：发生错误 Error: C:\Users\Administrator\Desktop\promotion\miniprogram\ 未找到 appid: wx5916e95429cc4

肥晨开发的学习之路

11-28

2941

欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。按ENTER键直到最后回yes好了。8，回到小程序就可以构建npm成功。

【微信小程序】构建npm常见问题

qq_32852047的博客

04-23

7075

1. 没有找到可以构建的NPM包，请确认需要参与… 解决办法：找到根目录下的 project.config.json 文件修改 packNpmManually ，packNpmRelationList "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./mini

【微信小程序】微信开发者工具引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法

fruge365的博客

07-10

2473

“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件

Vue3.0报错：The component has been registered but not used vue/no-unused-components，关闭eslint

Heartsuit的博客

11-30

1万+

当创建项目时选择了 `eslint` ，那么当存在定义而未使用的组件，或存在定义而未使用的变量时，会报错。。Vue3.0如何关闭 `eslint` ？

微信小程序构建npm,无法找到模块的声明文件

最新发布

03-31

### 微信小程序中 npm 模块缺少声明文件的解决方案当在微信小程序项目中引入某些 npm 模块时，如果这些模块未提供 TypeScript 声明文件，则会遇到编译错误或类型检查失败的情况。以下是针对此问题的具体解决方法： #### 方法一：手动创建 `.d.ts` 文件可以通过创建一个自定义的声明文件来解决问题。具体操作如下： 1. 在项目的 `src` 或根目录下新建一个名为 `global.d.ts` 的文件。 2. 将缺失模块的声明添加到该文件中。例如，对于 `tim-wx-sdk` 和 `cos-wx-sdk-v5`，可以写入以下内容： ```typescript declare module 'tim-wx-sdk'; declare module 'cos-wx-sdk-v5'; ``` 这样做的目的是告诉 TypeScript 编译器，这两个模块存在并无需进一步验证其内部结构[^2]。 #### 方法二：使用 DefinitelyTyped 提供的声明文件部分流行的 npm 模块可能已经在 [DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped) 中提供了社区维护的声明文件。可以直接通过以下命令安装对应的声明包： ```bash npm install --save-dev @types/<module-name> ``` 例如，尝试为 `prop-types` 添加声明文件时可运行： ```bash npm install --save-dev @types/prop-types ``` 然而需要注意的是，并不是所有模块都有官方支持的声明文件，在这种情况下仍需采用方法一中的方式[^4]。 #### 方法三：编写详细的接口定义如果希望更精确地控制模块的行为或者需要更强类型的保障，可以选择自己撰写完整的接口描述而非简单的 `declare module` 语句。比如参照引用[3]的做法，假设正在使用的是一个叫做 `shiitake` 的组件库，那么可以在本地建立相应的`.d.ts`文档，其中详尽规定每一个导出项及其属性的数据形式[^3]: ```typescript // shiitake.d.ts import { Component } from "react"; interface ShiitakeProps { text: string; } export default class Shiitake extends Component<ShiitakeProps> {} ``` 以上三种途径均能有效应对因缺乏ts declaration而导致的各种障碍；实际应用过程中可以根据具体情况灵活选用最合适的方案。 ```python # 示例代码仅用于说明如何处理类似的场景，Python并非本文讨论范围内的技术栈 def example_function(): pass ```