Nach dem Packen des Uniapp-H5-Programms ist keine Auslagerungsdatei vorhanden

Bei der neuesten Version von uniapp tritt beim Packen von h5-Programmen möglicherweise das Problem auf, dass keine Auslagerungsdatei vorhanden ist. In diesem Artikel wird die Lösung für Sie analysiert.

Problembeschreibung

Wenn Sie die neueste Version von uniapp zum Packen eines h5-Programms verwenden, kommt es vor, dass die Programmpaketierung abgeschlossen ist, aber im Browser auf keine Seite zugegriffen werden kann. Bei der Untersuchung wurde festgestellt, dass die erforderliche Auslagerungsdatei im gepackten Programmordner fehlte.

Ursache des Problems

Nach der Untersuchung wurde festgestellt, dass in der neuesten Version von Uniapp beim Packen ein Fehler aufgetreten war, der dazu führte, dass die Auslagerungsdatei nach Abschluss des Packens nicht in das Paket aufgenommen wurde. Dieser Fehler tritt normalerweise auf, wenn die neueste Version von Vue-Router verwendet wird.

Lösung

Derzeit bietet Uniapp keine offizielle Möglichkeit, dieses Problem zu beheben, aber wir können dieses Problem mit den folgenden Methoden lösen:

1 Reduzieren Sie die Vue-Router-Version

Da dieses Problem normalerweise in Vue auftritt. In der neuesten Version des Routers können wir ihn auf eine frühere Version herunterstufen. Die spezifischen Schritte sind wie folgt:

• Führen Sie den folgenden Befehl aus, um den Vue-Router herunterzustufen: npm install vue-router@x.x.x (x.x.x ist die entsprechende Versionsnummer, es wird empfohlen, Version 3.0 zu wählen. 7) npm install vue-router@x.x.x（x.x.x为对应版本号，建议选择3.0.7版本）
• 在项目的main.js文件中，将vue-router的引用语句修改为：import VueRouter from '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

如果以上两种方案均未解决问题，我们可以尝试使用legacy-cli命令行工具。

• 首先安装legacy-cli命令行工具：npm install -g legacy-cli
• 接着执行以下命令打包程序：legacy-cli build --mode development
Im Projekt In der Datei main.js ändern Sie die Referenzanweisung von vue-router wie folgt: import VueRouter from 'vue-router/dist /vue-router.common.js'

2. Benutzerdefinierte Webpack-Konfiguration

Wenn das Problem durch ein Downgrade von vue-router immer noch nicht gelöst wird, können wir versuchen, es durch eine benutzerdefinierte Webpack-Konfiguration zu beheben.

Erstellen Sie im Stammverzeichnis des Projekts eine Datei vue.config.js und geben Sie den folgenden Code ein: 🎜rrreee🎜Im obigen Code verwenden wir das Plugin CopyWebpackPlugin Kopieren Sie das Projekt. Kopieren Sie alle Dateien im Verzeichnis src/pages in das Verzeichnis dist/pages. Stellen Sie sicher, dass der Seitenordner alle erforderlichen Dateien enthält, nachdem das Packen abgeschlossen ist. 🎜🎜3. Legacy-cli installieren🎜🎜Wenn die beiden oben genannten Lösungen das Problem nicht lösen, können wir versuchen, das Befehlszeilentool legacy-cli zu verwenden. 🎜🎜🎜Installieren Sie zunächst das Befehlszeilentool legacy-cli: npm install -g Legacy-cli🎜🎜Führen Sie dann den folgenden Befehl aus, um das Programm zu packen: legacy -cli build - -mode development🎜🎜🎜Nach den oben genannten Schritten können wir sicherstellen, dass der gepackte Programmordner alle erforderlichen Seitendateien enthält. 🎜🎜Fazit🎜🎜Das Obige ist die Lösung für das Problem, dass nach dem Packen des Uniapp-H5-Programms keine Auslagerungsdatei vorhanden ist. Obwohl uns dieses Problem verwirren und ärgern kann, können wir es mit ein paar einfachen Schritten lösen und den normalen Betrieb des Programms sicherstellen. 🎜

Das obige ist der detaillierte Inhalt vonNach dem Packen des Uniapp-H5-Programms ist keine Auslagerungsdatei vorhanden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!