cantonjs / wxapp-boilerplate

使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架
378 stars 60 forks source link

webpak -p的一些疑问 #6

Closed Somnusochi closed 7 years ago

Somnusochi commented 7 years ago

使用webpak-p命令编译后,wxml里面的input标签会从<input />变成<input >使用开发者工具加载代码会显示编译错误,这个是我个人原因么?还是大家都这样

Cap32 commented 7 years ago

我没出现这种异常,能提供详细环境吗?

Somnusochi commented 7 years ago
<view class="auth_contents">
        <view class="xm_auth">
            <view class="card">
                <image class="card_img" src="/images/auth-card.png"></image>
            </view>
            <view class="auth_prompt">
                <view class="auth_prompt_show">象盟实名认证提示</view>
            </view>
            <view class="auth_prompt_words">
                <view class="auth_prompt_words_show">规范代言人管理,保障用户利益。即日起对象盟进行实名认证,未认证用户将无法进行提现。</view>
            </view>
        </view>
        <form class="auth_content"  bindsubmit="formSubmit">
            <view class="auth_content_form">
                <view class="auth_list">
                    <view class="auth_content_fill">填写认证内容</view><view class="auth_tip">{{tip}}</view>
                </view>
                <view class="auth_list authli">
                    <view class="prompt_laber"><view class="prompt_laber_show">手机号码</view></view>
                    <input class="auth_text" type="number" bindblur="onblurTel" placeholder="请输入手机号码" name="authMobile" />
                </view>
                <view class="auth_list">
                    <view class="prompt_laber"><view class="prompt_laber_show">真实姓名</view></view>
                    <input class="auth_text" type="text" bindblur="onblurName" placeholder="请填写身份证上的真实姓名" name="realname" />
                </view>
                <view class="auth_list">
                    <view class="prompt_laber"><view class="prompt_laber_show">身份证号</view></view>
                    <input class="auth_text" type="idcard" bindblur="onblurCard" placeholder="请填写真实号码,我们将审核" name="cardId" />
                </view>
                <view class="auth_list">
                    <view class="prompt_laber"><view class="prompt_laber_show">微信号</view></view>
                    <input class="auth_text" type="text" placeholder="请输入微信号" name="wxAccount" />
                </view>
                <view class="auth_list auth_last">
                    <view class="prompt_laber"><view class="prompt_laber_show">支付宝号</view></view>
                    <input class="auth_text" type="text" placeholder="请填写用于提现的账号" name="zfbAccount" />
                </view>
            </view>
            <view class="submitbtn">
                <button class="submitbtn_txt" formType="submit">提交信息</button>
            </view>
        </form>
    </view>

这是wxml报错的页面代码 webpack版本是3.3.0 微信开发者工具版本是v0.20.191900 下面是报错的截图 image 基础库版本 image

Somnusochi commented 7 years ago

从结果来看就是把<input />变成了<input >,手动对文件添加了/就能编译通过

Cap32 commented 7 years ago

压缩代码时确实存在这个问题,已经修复 2effff811555302e1816deb9337ea3f89d87b816

你可以通过重新 clone,或 yarn add -D wxml-loader 安装最新版 xwml-loader 来解决这个问题

感谢你的反馈 👍🏿

Somnusochi commented 7 years ago

好的,感谢