Taro小程序使用 vue2 引入vantweapp

Taro小程序使用 vue2 引入vantweapp

安装  npm i @vant/weapp --save











安装  npm i @tarojs/taro











在config 文件夹下的index.js里面  找到copy方法下的patterns把以下代码粘贴进去






















 {
        from: "node_modules/@vant/weapp/dist/",
        to: "src/vant/"
      },
      {
        from: "node_modules/@vant/weapp/dist",
        to: "dist/vant"
      },

在mini方法下面的postcss下面的pxtransform下面的config方法里面写入

selectorBlackList: [/van-/]

在pages下面的index文件夹的index.config.js中  引入
usingComponents: {
    'van-button': '/vant/button/index'
  }

如果找不到依赖@tarojs/plugin-platform-weapp 报错

找不到依赖 "@tarojs/plugin-platform-weapp"，请先在项目中安装

原因：你当前安装的tarojs版本识别不出"@tarojs/plugin-platform-weapp"依赖，你当前安装的tarojs的版本太高，需要调整版本。

解决方案：打开你的package.json文件，查看"@tarojs/plugin-platform-weapp"所对应的版本是哪个，然后卸载tarojs，接着安装指定的版本。具体操作如下：

卸载tarojs

npm uninstall -g @tarojs/cli
安装指定版本，比如你当前的版本为1.3.33：

npm install -g @tarojs/cli@1.3.33
最后，跑起来！

npm run dev:weapp

下面是ocr图片识别

chooseImage() {
const that = this;
Taro.chooseImage({
sizeType: [“original”, “compressed”], // 可以指定是原图还是压缩图，默认二者都有
sourceType: [“album”, “camera”], // 可以指定来源是相册还是相机，默认二者都有
success(res) {
console.log(res);
let file = res.tempFilePaths[0];
that.files = res.tempFilePaths[0];
console.log(file);
Taro.getImageInfo({
src: file,
success(imageInfo) {
var imgType = imageInfo.type;
console.log(imageInfo);
Taro.getFileSystemManager().readFile({
filePath: file, //选择图片返回的相对路径
encoding: “base64”, //这个是很重要的
success: (res) => {
//成功的回调
//返回base64格式
var base64Str =
“data:image/” + imgType + “;base64,” + res.data;
// console.log(base64Str);
var img = res.data;
console.log(img);
// that.uploadImg(base64Str);
that.uploadImg(img);
},
fail: (err) => {
console.log(err);
reject(err);
},
});
},
});
},
});
},
uploadImg(img) {
OCR01({
img_content: img,
}).then((res) => {
console.log(res);
this.name = res.name;
this.num = res.num;
setSessionStore(“name”, res.name);
setSessionStore(“num”, res.num);
});
},
chooseImage() {
const that = this;
Taro.chooseImage({
sizeType: [“original”, “compressed”], // 可以指定是原图还是压缩图，默认二者都有
sourceType: [“album”, “camera”], // 可以指定来源是相册还是相机，默认二者都有
success(res) {
console.log(res);
let file = res.tempFilePaths[0];
that.files = res.tempFilePaths[0];
console.log(file);
Taro.getImageInfo({
src: file,
success(imageInfo) {
var imgType = imageInfo.type;
console.log(imageInfo);
Taro.getFileSystemManager().readFile({
filePath: file, //选择图片返回的相对路径
encoding: “base64”, //这个是很重要的
success: (res) => {
//成功的回调
//返回base64格式
var base64Str =
“data:image/” + imgType + “;base64,” + res.data;
// console.log(base64Str);
var img = res.data;
console.log(img);
// that.uploadImg(base64Str);
that.uploadImg(img);
},
fail: (err) => {
console.log(err);
reject(err);
},
});
},
});
},
});
},
uploadImg(img) {
OCR01({
img_content: img,
}).then((res) => {
console.log(res);
this.name = res.name;
this.num = res.num;
setSessionStore(“name”, res.name);
setSessionStore(“num”, res.num);
});
},