使用vue引擎创建的微信小程序AtFloatLayout渲染不出来

winterbest commented 4 years ago

问题描述 使用vue引擎创建的项目，UI使用的taro-ui-vue，AtFloatLayout渲染不出来

复现步骤 npm i taro-ui-vue npm run dev:weapp

<template>
    <view class='article'>
        <button @tap='showComments = true'>打开</button>
        <AtFloatLayout
            :isOpened='showComments'
            title='这是个标题'
            :onClose='handleClose'>
            这是内容区 随你怎么写这是内容区 随你怎么写这是内容区 随你怎么写这是内容区
            随你怎么写这是内容区 随你怎么写这是内容区 随你怎么写
        </AtFloatLayout>
    </view>
</template>
<script>
import { AtFloatLayout } from 'taro-ui-vue'

console.log(AtFloatLayout)

export default {
    name: 'article',
    data () {
        return {
            showComments: false
        }
    },
    methods: {
        handleClose () {
            console.log('closed')
        }
    }
}
</script>
<style lang='scss'>
@import "~taro-ui-vue/dist/style/components/float-layout.scss";
.article {
    padding-bottom: 108px;
}
</style>

期望行为 点击“打开”按钮弹出浮动框

报错信息

[WXML Runtime warning] ./base.wxml
 Template `tmpl_1_AtFloatLayout` not found.
  267 | 
  268 | <template name="tmpl_1_container" data="{{i: i}}">
> 269 |   <template is="{{'tmpl_1_' + i.nn}}" data="{{i: i}}" />
      |                ^
  270 | </template>
  271 | 
  272 | <template name="tmpl_2_view">

系统信息 👽 Taro v3.0.7

Taro CLI 3.0.7 environment info: System: OS: macOS 10.15.5 Shell: 3.2.57 - /bin/bash Binaries: Node: 10.15.3 - /usr/local/opt/node@10/bin/node Yarn: 1.21.1 - /usr/local/bin/yarn npm: 6.4.1 - /usr/local/opt/node@10/bin/npm npmPackages: @tarojs/components: 3.0.7 => 3.0.7 @tarojs/mini-runner: 3.0.7 => 3.0.7 @tarojs/react: ^3.0.8 => 3.0.8 @tarojs/runtime: ^3.0.7 => 3.0.7 @tarojs/taro: ^3.0.7 => 3.0.7 @tarojs/webpack-runner: 3.0.7 => 3.0.7 babel-preset-taro: 3.0.7 => 3.0.7 eslint-config-taro: 3.0.7 => 3.0.7 react: ^16.13.0 => 16.13.0

补充信息 package.json

"dependencies": {
 37     "@babel/runtime": "^7.7.7",
 38     "@tarojs/components": "3.0.7",
 39     "@tarojs/react": "^3.0.8",
 40     "@tarojs/runtime": "^3.0.7",
 41     "@tarojs/taro": "^3.0.7",
 42     "bufferutil": "^4.0.1",
 43     "canvas": "^2.5.0",
 44     "fibers": "^3.1.0",
 45     "react": "^16.13.0",
 46     "react-dom": "^16.13.0",
 47     "taro-ui-vue": "^1.0.0-alpha.6",
 48     "utf-8-validate": "^5.0.2",
 49     "vue": "^2.5.0",
 50     "vue-template-compiler": "^2.5.0",
 51     "vuex": "^3.0.0"
 52   },

taro-ui-bot[bot] commented 4 years ago

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

winterbest commented 4 years ago

到底是什么问题啊？

NervJS / taro-ui

使用vue引擎创建的微信小程序AtFloatLayout渲染不出来 #1180