Tiada fail halaman selepas program uniapp h5 dibungkus

Versi terbaharu uniapp mungkin menghadapi masalah tiada fail halaman apabila membungkus program h5 Artikel ini akan menganalisis penyelesaian untuk semua orang.

Penerangan Masalah

Apabila menggunakan versi terbaru uniapp untuk membungkus program h5, akan berlaku situasi di mana atur cara dibungkus tetapi tiada halaman boleh diakses dalam penyemak imbas. Selepas penyiasatan, didapati fail halaman yang diperlukan telah hilang daripada folder program berpakej.

Punca masalah

Selepas siasatan, didapati terdapat pepijat dalam pembungkusan versi terbaru uniapp, yang menyebabkan fail halaman tidak dimasukkan ke dalam pakej selepas pembungkusan telah siap. Pepijat ini biasanya berlaku apabila menggunakan versi terkini vue-router.

Penyelesaian

Pada masa ini, uniapp tidak menyediakan cara untuk menyelesaikan masalah ini secara rasmi, tetapi kami boleh menyelesaikan masalah ini melalui kaedah berikut:

1 versi

Memandangkan masalah ini biasanya berlaku dalam versi terkini vue-router, kami boleh menurunkan tarafnya kepada versi yang lebih awal. Langkah khusus adalah seperti berikut:

• Laksanakan arahan berikut untuk menurunkan taraf vue-router: npm install vue-router@x.x.x (x.x.x ialah nombor versi yang sepadan, disyorkan untuk memilih versi 3.0.7)
• Dalam projek Dalam fail main.js, ubah suai pernyataan rujukan vue-router kepada: import VueRouter from 'vue-router/dist/vue-router.common.js'

2 Sesuaikan konfigurasi webpack

Jika menurunkan taraf vue-. penghala masih tidak menyelesaikan masalah, Kami boleh cuba membetulkannya dengan menyesuaikan konfigurasi webpack.

Dalam direktori akar projek, cipta fail vue.config.js dan masukkan kod berikut:

const path = require('path');

module.exports = {
    configureWebpack: {
        plugins: [
            new CopyWebpackPlugin([
                {
                    from: path.resolve(__dirname, './src/pages'),
                    to: path.resolve(__dirname, './dist/pages')
                }
            ])
        ]
    }
}

Dalam kod di atas, kami menggunakan pemalam CopyWebpackPlugin untuk menambah Salin semua fail ke direktori src/pages dan pastikan folder halaman mengandungi semua fail yang diperlukan selepas pembungkusan selesai. dist/pages

3. Pasang legacy-cli

Jika dua penyelesaian di atas tidak menyelesaikan masalah, kita boleh cuba menggunakan alat baris arahan

. legacy-cli

Mula-mula pasang
• alat baris arahan: legacy-clinpm install -g legacy-cli
Kemudian laksanakan arahan berikut untuk membungkus atur cara:
• legacy-cli build --mode development

Selepas langkah di atas, Kami boleh memastikan bahawa folder program yang dibungkus mengandungi semua fail halaman yang diperlukan.

Kesimpulan

Di atas adalah penyelesaian kepada masalah tiada fail halaman selepas program uniapp h5 dibungkus. Walaupun masalah ini mungkin mengelirukan dan menjengkelkan kami, dengan beberapa langkah mudah, kami boleh menyelesaikan masalah ini dan memastikan operasi normal program.

Atas ialah kandungan terperinci Tiada fail halaman selepas program uniapp h5 dibungkus. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!