uniapp h5 プログラムをパッケージ化した後にページファイルが存在しない

PHPz

リリース： 2023-05-22 10:50:37

オリジナル

1109 人が閲覧しました

最新バージョンの uniapp では、h5 プログラムをパッケージ化するときにページファイルがないという問題が発生する可能性があります。この記事では、すべての人向けにその解決策を分析します。

問題の説明

最新バージョンの uniapp を使用して h5 プログラムをパッケージ化すると、プログラムのパッケージ化は完了したが、ブラウザーでページにアクセスできない状況が発生します。調査の結果、必要なページファイルがパッケージ化されたプログラムフォルダーに存在しないことが判明しました。

問題の原因

調査の結果、uniappの最新バージョンではパッケージ化時にバグがあり、パッケージ化後にページファイルがパッケージに含まれないことが判明しました。完成しました。このバグは通常、vue-router の最新バージョンを使用しているときに発生します。

解決策

現時点では、uniapp はこの問題を解決する方法を公式に提供していませんが、次の方法でこの問題を解決できます:

1. vue-router を減らすversion

この問題は通常、vue-router の最新バージョンで発生するため、以前のバージョンにダウングレードできます。具体的な手順は次のとおりです。

次のコマンドを実行して vue-router をダウングレードします。 npm install vue-router@x.x.x (x.x.x は対応するバージョン番号です。推奨)バージョン 3.0.7 を選択します)
プロジェクトの main.js ファイルで、vue-router の参照ステートメントを次のように変更します: import VueRouter 「vue-router/dist /vue-router.common.js」から

#2. カスタム Webpack 構成

vue-router をダウングレードしても問題が解決しない場合、修正するには、webpack 構成をカスタマイズしてみてください。

プロジェクトのルートディレクトリで、

vue.config.js ファイルを作成し、次のコードを入力します。

const path = require('path');

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

ログイン後にコピー

上記のコードでは、

CopyWebpackPlugin を渡します。 プラグインは、プロジェクトの src/pages ディレクトリ内のすべてのファイルを dist/pages ディレクトリにコピーし、パッケージ化の完了後にページフォルダーに必要なファイルがすべて含まれるようにします。。

3.legacy-cli