前端避坑指南丨辛辛苦苦开发的 APP 竟然被判定为简单网页打包？

<template>    <grid-view id="gridView" class="main" column-count="3" aspect-ratio="1" inset="10" scroll-y enable-back-to-top onscrolltolower={this.onscrolltolower}>        <cell class="cell" onclick={this.itemClick}>            <text class="title">{item.title}</text>        </cell>        <list-footer class="footer">            <text>加载中...</text>        </list-footer>    </grid-view></template><style>    .main {        width: 100%;        height: 100%;    }    .cell {        justify-content: center;        align-items: center;        background-color: #5cdfdc;    }    .title {        font-weight: bold;        color: #000;    }    .footer {        justify-content: center;        align-items: center;        height: 44px;    }</style><script>    export default {        name: 'test',        methods:{            apiready() {                this.initData(false);            },            initData(loadMore) {                var that = this;                var skip = that.dataList?that.dataList.length:0;                var dataList = [];                for (var i=0;i<99;i++) {                    dataList[i] = {                        title: '项目' + (i + skip)                    };                    // 瀑布流效果                    // dataList[i].itemHeight = Math.floor(200 + Math.random()*50);                }                var gridView = document.getElementById('gridView');                if (loadMore) {                    that.dataList = that.dataList.concat(dataList);                    gridView.insert({                        data: dataList                    });                } else {                    that.dataList = dataList;                    gridView.load({                        data: dataList                    });                }            },            onscrolltolower() {                this.initData(true);            },            itemClick(e) {                api.alert({                    msg: '点击了项：' + e.currentTarget.index                });            }        }    }</script>

<template>      <view class='header'>        <text>{this.data.title}</text>    </view>  </template>  <script>    export default {          name: 'api-test',        data(){            return {                title: 'Hello APP'            }        }    }</script><style scoped>    .header{        height: 45px;    }</style>

avm.define('api-test', class extends Component {        data = {        title: 'Hello APP'    }        css(){        return `.header {            height: 45        }`    }        render() {        return (            <view class='header'>                <text>{this.data.title}</text>            </view>        );    }});