小程序构建npm失败

news/2024/9/21 22:16:39 标签: 小程序, npm, 前端

小程序构建npm失败

  • 项目工程结构说明
  • 解决方法
  • 引入依赖导致的其他问题

今天在初始化后的小程序中引入TDesign组件库,构建npm时报错。

项目工程结构说明

在这里插入图片描述

初始化后的项目中,包含miniprogram文件夹和一些项目配置文件,在project.config.json文件中定义了小程序的Root目录,npm构建就是在这个miniprogramRoot中执行的。

解决方法

在这里插入图片描述
package.json定义了项目的包依赖信息,npm构建的路径中必须要包含该文件,由于初始化的项目中,miniprogram路径下没有package.json,导致构建失败。解决方法是复制package.json到该目录,或者直接在miniprogram目录下执行npm init,该命令会创建package.json。在miniprogram目录下的package.json中定义需要引入的依赖。

为了保证构建之后,小程序能够正确引用导入的依赖,就需要确保npm构建时,依赖被打包到miniprogram目录下的miniprogram_npm路径下。所以还需要在project.config.json中做如下配置:

{
  "setting":{
    ...
	"packNpmRelationList": [
      {
        "packageJsonPath": "./miniprogram/package.json", // 指定npm构建所用到的package.json的位置
        "miniprogramNpmDistDir": "./miniprogram/miniprogram_npm"// 指定npm构建的输出路径
      }
    ],
    ...
  }
}

此时执行npm构建,就会看到依赖已经被打包进来了:
在这里插入图片描述

引入依赖导致的其他问题

在这里插入图片描述
npm是node的包管理工具,Node.js 使用的是 CommonJS 模块系统 (require / module.exports),而不是 ES 模块 (import / export),所以导入后的依赖会报错。需要将JS编译成ES
在这里插入图片描述


http://www.niftyadmin.cn/n/5669546.html

相关文章

VUE面试题(单页应用及其首屏加载速度慢的问题)

目录 一、单页应用 1.概念 2.单页面应用的优缺点 二、多页面应用: 1.概念 2.区别 三、SPA的实现 1.原理 2.方式: 3.Hash与History模式有什么区别 四、首屏加载速度慢如何优化 1.什么是首屏加载? 2.首屏加载慢的原因 3.如何解决…

代码随想录算法训练营第25天| 491.递增子序列、46.全排列、47.全排列 II

文章目录 491.递增子序列46.全排列47.全排列 II 491.递增子序列 leetcode 491.递增子序列 代码随想录 class Solution:def __init__(self):self.pathSet set()def backtracing(self, nums, res, path, startIndex, used):if len(path) > 2:temp tuple(path)if temp not …

GRU是门控循环单元是什么?

GRU是门控循环单元(Gated Recurrent Unit)的简称,它是循环神经网络(RNN)的一种变体。GRU旨在解决传统RNN中存在的长期依赖问题和反向传播中的梯度消失或梯度爆炸问题。与另一种流行的RNN变体LSTM(长短期记忆…

【变化检测】基于ChangeStar建筑物(LEVIR-CD)变化检测实战及ONNX推理

主要内容如下: 1、LEVIR-CD数据集介绍及下载 2、运行环境安装 3、ChangeStar模型训练与预测 4、Onnx运行及可视化 运行环境:Python3.8,torch1.12.0cu113,onnxruntime-gpu1.12.0 likyoo变化检测源码:https://github.c…

设计模式-行为型模式-解释器模式

1.解释器模式定义 用于定义语言的语法规则表示,并提供解释器来处理句子中的语法; 1.1 解释器模式的优缺点 优点 易于修改、扩展,因为在解释器模式中使用类来表示语言的文法规则,因此就可以通过继承等机制改变或者扩展文法&…

docker zookeeper集群启动报错:Cannot open channel to * at election address /ip:3888

下面几点需要注意的: 1、确认在每个$zookeeper_home/data/myid中有对应数字 2、是否关闭防火墙:systemctl stop firewalld,systemctl disable firewalld 3、zoo.cfg中的server需要写成以下形式的: 假如有两台机器,1…

python获取滑块验证码需要滑动的距离

我们以这个网站为例: http://120.86.191.138/hbgs/zwgk/dirData.do?dirId402881204e959150014e959f42f30014&subjectId93e889f2501d3fe8015024305bdf0efc 往后点到第四页后会出现验证码 一.获取到背景图片和缺口图片 我们发现图片是base64格式通过API直接发送 二.识别缺…

2024.9.20 Python模式识别新国大EE5907,PCA主成分分析,LDA线性判别分析,GMM聚类分类,SVM支持向量机

1.PCA 主成分分析用于特征提取、可视化和分类 根据要求,我在第一个代码框中完成了从指定路径提取图像数据,将其转换为灰度图像并将其展平。在这里,我将数字 88 设置为我的照片的标签,然后将所有 10 张照片传入代码。然后我定义了…