微信的小程序踩的坑之构建npm失败

        最近在学习微信小程序,踩的坑是一个接着一个,无论是跟着视频还是文档,每步都一样,但是我的就不停报错,今天就先记录一下npm构建失败的错误吧。

        刚开始我看别人的文章中写的是,可以讲project.config.json里面的setting里面的:

       

"useCompilerPlugins": [
      "typescript"
    ],

删掉就可以了,我最开始试了是可以的,但是之后又创建了一个新的项目,删完之后还是不可以,就很离谱,然后在网上扒拉了半天,终于找到了可行的办法。

        首先,在miniprogram文件夹下打开终端:

        然后,分别执行npm init -y和npm install weui-miniprogram,然后你会发现还是没有生成你想要的文件夹,但是点击构建npm却能够成功了,这时候可以把miniprogram文件夹下的文件都删除掉,点击构建npm就能够生成你想要的文件夹啦!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中使用 echartsnpm,即使用 npm 安装 echarts,并在小程序中引入使用。 下面是实现的步骤: 1. 在小程序根目录下打开终端,并执行以下命令安装 echartsnpm: ``` npm install echarts -S ``` 2. 安装完成后,在小程序根目录下会生成一个 `node_modules` 文件夹,里面包含了 echarts 的相关文件。 3. 在小程序中的页面文件中,引入 echarts 的相关文件。以一个名为 `echartsDemo` 的页面为例,打开对应的 `echartsDemo.js` 文件,在文件头部添加如下代码: ```javascript import * as echarts from '../../node_modules/echarts/dist/echarts.min.js'; ``` 4. 在页面的 wxml 文件中,添加一个用于渲染图表的 canvas 标签。例如: ```html <canvas id="chart" style="width: 100%; height: 300rpx;"></canvas> ``` 5. 在页面的 js 文件中,使用 `echarts.init()` 方法初始化图表,并在初始化完成后使用相关配置绘制图表。例如: ```javascript Page({ onReady: function () { const chart = echarts.init(this.selectComponent('#chart')); chart.setOption({ // 在这里配置图表的相关选项和数据 }); } }); ``` 6. 至此,你已经成功在小程序中使用 echartsnpm 绘制图表了。 注意:由于小程序限制了部分非官方的第三方库,所以在使用 echartsnpm 之前,需要在微信开发者工具中勾选「使用 npm 模块」的选项,以确保能够正常引入和使用 echartsnpm。 希望以上内容能对你有所帮助!如果还有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值