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.
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.
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.
Derzeit bietet Uniapp keine offizielle Möglichkeit, dieses Problem zu beheben, aber wir können dieses Problem mit den folgenden Methoden lösen:
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:
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'
如果降级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目录下，确保打包完成后页面文件夹中包含所有必备文件。
如果以上两种方案均未解决问题，我们可以尝试使用legacy-cli命令行工具。
legacy-cli命令行工具：npm install -g legacy-cli
legacy-cli build --mode development
main.js ändern Sie die Referenzanweisung von vue-router wie folgt: import VueRouter from 'vue-router/dist /vue-router.common.js'
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!
