客源佳 项目配置html2canvas



项目场景:

移动页面




问题描述:

需要重新配置资源文件的路径,如图片、css文件、组件文件

11:20:09.184 文件查找失败:'html2canvas' at fa_index\createposter.vue:140
11:20:09.200 文件查找失败:'html2canvas' at fa_index\gerateposter.vue:31

在原项目中查找html2canvas,可以看到html2canvas的配置信息

直接更改项目中的package-lock.json是没有用的




原因分析:

没有配置html2canvas




解决方案:

从项目目录打开cmd,安装html2canvas,package.json和package-lock.json都会自动生成。

npm i html2canvas

//package.json
{
		"id": "ld-select",
		"name": "下拉多选,单选",
		"version": "1.0.5",
		"description": "下拉多选 下拉单选",
		"keywords": [
				"select"
		],
		"dependencies": {
				"html2canvas": "^1.3.3"
		}
}
//package-lock.json
{
  "name": "下拉多选,单选",
  "version": "1.0.5",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
    "@vant/weapp": {
      "version": "1.9.1",
      "resolved": "https://registry.npmjs.org/@vant/weapp/-/weapp-1.9.1.tgz",
      "integrity": "sha512-/H+F89Rvz6RXZaR8+6xkY5N1KBJHEiKhErrAJ1o07ws4f0ujyEyptDnRCntNgjDFX9mvx8Y0Tozhh9jW5Vqd+Q=="
    },
    "base64-arraybuffer": {
      "version": "0.2.0",
      "resolved": "https://registry.npmmirror.com/base64-arraybuffer/download/base64-arraybuffer-0.2.0.tgz",
      "integrity": "sha1-S5RPrAGRqlkHr+LYyZnMxXzoD0U="
    },
    "css-line-break": {
      "version": "2.0.1",
      "resolved": "https://registry.npmmirror.com/css-line-break/download/css-line-break-2.0.1.tgz",
      "integrity": "sha1-PcdMLtXrZCEUgCgZMkdXkCQ+czg=",
      "requires": {
        "base64-arraybuffer": "^0.2.0"
      }
    },
    "html2canvas": {
      "version": "1.3.3",
      "resolved": "https://registry.npmmirror.com/html2canvas/download/html2canvas-1.3.3.tgz",
      "integrity": "sha512-nQi0ayEY1cMiUMbq/F5hRwMAqsRMo7NIP6VaCqaXnXO6b/FfZO49oSfIJjdyRha28EuY8D6FBCzQOXPQV0TCrA==",
      "requires": {
        "css-line-break": "2.0.1",
        "text-segmentation": "^1.0.2"
      }
    },
    "text-segmentation": {
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/text-segmentation/download/text-segmentation-1.0.2.tgz",
      "integrity": "sha1-H4KPoUqhAcEU3tG9o1un3MF8mFg=",
      "requires": {
        "utrie": "^1.0.1"
      }
    },
    "utrie": {
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/utrie/download/utrie-1.0.1.tgz",
      "integrity": "sha1-4VUjXry93ImuCSYatudzzmFAGy8=",
      "requires": {
        "base64-arraybuffer": "^1.0.1"
      },
      "dependencies": {
        "base64-arraybuffer": {
          "version": "1.0.1",
          "resolved": "https://registry.npmmirror.com/base64-arraybuffer/download/base64-arraybuffer-1.0.1.tgz",
          "integrity": "sha1-h70TUlYm20qYOOAKUIwrc+/PNIw="
        }
      }
    }
  }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值