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

最新バージョンの 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

をインストールする

上記の 2 つの解決策で問題が解決しない場合は、legacy-cli コマンド ライン ツールの使用を試みることができます。

• まず、legacy-cli コマンド ライン ツールをインストールします: npm install -g Legacy-cli
• 次に、次のコマンドを実行して、プログラムをパッケージ化します: legacy-cli build --modedevelopment

上記の手順を完了すると、パッケージ化されたプログラム フォルダーに必要なページ ファイルがすべて含まれていることを確認できます。

結論

以上は、uniapp h5 プログラムをパッケージ化した後にページ ファイルが存在しない問題の解決方法です。この問題は私たちを混乱させたり悩ませたりするかもしれませんが、いくつかの簡単な手順でこの問題を解決し、プログラムが正常に動作するようにすることができます。

以上がuniapp h5 プログラムをパッケージ化した後にページ ファイルが存在しないの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。