taro确定支持vue么？

[jd_RGcWxYrszYff]

taro确定支持vue么？ 遇到问题网上一点资料都查不到 都是react结合taro的东西，而且为什么好多标签都不让用，在data里面注册的img也没有src属性，那我用taro 结合vue怎么引入图片？靠我对这个框架的爱么？

[jd_728c626c9f9b0]

@jd_RGcWxYrszYff 在 taro确定支持vue么？ 中说：

且为什么好多标签都不让用，在data里面注册的img也没有src属性，那我用taro 结合vue怎么引入图片？靠我对这个框架的爱么？

我也是，之前用mpvue，打算用taro3写vue，各种报错都找不到，div标签直接报错，找了半天没发现。文档也没说有哪些标签啊，靠猜吗

[jd_7229aa42c7d65]

@jd_RGcWxYrszYff 用 image 标签哈，跟微信小程序保持一致

[A易拉宝]

@jd_7229aa42c7d65 为啥我的图片不显示 "@tarojs/taro": "3.0.7", "vue": "^2.6.12"

[jd_ikvVKBVwbpYQ]

为啥我打包h5，打包完成报错!app.js:2 Uncaught (in promise) Error: Route not found
能否让我看看你们的依赖package.json文件版本，我也是刚用vue3,一起踩坑啊

[A易拉宝]

@jd_ikvVKBVwbpYQ 这两天刚降回2，不过之前用3打包正常：

{
    "name": "jd-k",
    "version": "1.0.0",
    "private": true,
    "description": "taro vue3 app",
    "templateInfo": {
        "name": "default",
        "typescript": true,
        "css": "sass"
    },
    "scripts": {
        "build:weapp": "taro build --type weapp",
        "build:swan": "taro build --type swan",
        "build:alipay": "taro build --type alipay",
        "build:tt": "taro build --type tt",
        "build:h5": "taro build --type h5",
        "build:rn": "taro build --type rn",
        "build:qq": "taro build --type qq",
        "build:jd": "taro build --type jd",
        "build:quickapp": "taro build --type quickapp",
        "dev:weapp": "npm run build:weapp -- --watch",
        "dev:swan": "npm run build:swan -- --watch",
        "dev:alipay": "npm run build:alipay -- --watch",
        "dev:tt": "npm run build:tt -- --watch",
        "dev:h5": "npm run build:h5 -- --watch",
        "dev:rn": "npm run build:rn -- --watch",
        "dev:qq": "npm run build:qq -- --watch",
        "dev:jd": "npm run build:jd -- --watch",
        "dev:quickapp": "npm run build:quickapp -- --watch",
        "s": "npm run dev:h5",
        "serve": "npm run dev:h5",
        "build": "npm run build:h5"
    },
    "browserslist": [
        "last 3 versions",
        "Android >= 4.1",
        "ios >= 8"
    ],
    "author": "",
    "dependencies": {
        "@babel/runtime": "^7.7.7",
        "@tarojs/components": "3.0.5",
        "@tarojs/runtime": "3.0.5",
        "@tarojs/taro": "3.0.5",
        "vue": "^3.0.0-beta.15"
    },
    "devDependencies": {
        "@types/webpack-env": "^1.13.6",
        "@tarojs/mini-runner": "3.0.5",
        "@babel/core": "^7.8.0",
        "@tarojs/webpack-runner": "3.0.5",
        "babel-preset-taro": "3.0.5",
        "@vue/compiler-sfc": "^3.0.0-beta.15",
        "vue-loader": "^16.0.0-beta.3",
        "eslint-plugin-vue": "^7.0.0-alpha.6",
        "eslint-config-taro": "3.0.5",
        "eslint": "^6.8.0",
        "stylelint": "9.3.0",
        "@typescript-eslint/parser": "^2.x",
        "@typescript-eslint/eslint-plugin": "^2.x",
        "typescript": "^3.7.0"
    }
}

[jd_ikvVKBVwbpYQ]

你这版本3.5的，这用vue 坑太多了，最好做部分两边都跑跑，不然会让你崩溃的

[A易拉宝]

@jd_ikvVKBVwbpYQ 现在image死活不显示，背景图正常。。。坑确实有点大

[jd_ikvVKBVwbpYQ]

你这样写不行吗
<image src="{{item.logo}}" class="slide-image" style="width: 100%;" />

[A易拉宝]

@jd_ikvVKBVwbpYQ 网络图片是可以的。本地图片不行，需要加个配置：

https://taro-docs.jd.com/taro/docs/config-detail#h5imageurlloaderoption

    imageUrlLoaderOption: {
        esModule: false
    }

[A易拉宝]

@A易拉宝 底部导航栏图标又不显示了，。。。

[jd_ikvVKBVwbpYQ]

@A易拉宝 你打包H5没问题吗，我本地预览一直报错Error: Route not found

[A易拉宝]

@jd_ikvVKBVwbpYQ H5能打包，我用的VUE

[jd_ikvVKBVwbpYQ]

@A易拉宝 你确定打包完本地能预览，我这小程序没问题，h5预览就暴错，官方也没人回答问题，好无语

[A易拉宝]

@jd_ikvVKBVwbpYQ 对，我是小程序各种问题，H5正常

[jd_ikvVKBVwbpYQ]

@A易拉宝 我没用ts,也是用的vue

[A易拉宝]

@jd_ikvVKBVwbpYQ vue2还是3，你用 taro doctor 检测下代码试试

[A易拉宝]

@A易拉宝 我刚刚试了一下，vue2 js demo h5也是正常的。 你看下你的 cli 版本，和tarojs 版本，保持一致试试。
我目前用的cli是最新版 3.0.8，taro init 的工程， tarojs 版本也是 3.0.8

[jd_ikvVKBVwbpYQ]

@A易拉宝 这用vue没ui框架可用啊，难道全自己写

[jd_ikvVKBVwbpYQ]

@A易拉宝 http://taro-ui-vue.fontend.com/?spm=a2c6h.14275010.0.0.7d06202bKXHRIi#/docs/quickstart 用这个,基于vue的UI框架

[A易拉宝]

@jd_ikvVKBVwbpYQ 多谢，之前也有所耳闻，还没敢用。