So lösen Sie das Fehlerberichtsproblem von Laui in Vue-View.js-php.cn

So lösen Sie das Fehlerberichtsproblem von Laui in Vue

藏色散人

Freigeben： 2023-01-13 00:45:06

Original

2648 Leute haben es durchsucht

Die Lösung für den Fehlerbericht von Laui in Vue: Legen Sie zuerst die Laui-Datei unter die statische Datei und fügen Sie dann Laui in die HTML-Datei ein, indem Sie Link- und Skript-Tags verwenden, um Laui in Vue normal zu verwenden.

So lösen Sie das Fehlerberichtsproblem von Laui in Vue

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 2.0, DELL G3-Computer.

【Empfohlene verwandte Artikel: vue.js】

Bei der Verwendung der npm-Installation zum Einführen von Laui in das Vue-Projekt wird eine Fehlermeldung angezeigt

Auf der offiziellen Website können wir sehen, dass er die npm-Installation erwähnt hat unterstützt, aber als wir es erfolgreich installierten, wurde bei der Einführung in main.js ein Fehler gemeldet, dass das Modul nicht gefunden werden konnte.

Also laden wir zuerst das Dateipaket herunter und fügen es dann mithilfe von Link- und Skript-Tags in die HTML-Datei ein.

Das heruntergeladene Dateipaket muss in einer statischen Datei abgelegt werden.

Ich habe versucht, den heruntergeladenen Ordner in derselben HTML-Datei abzulegen Im Verzeichnis auf derselben Ebene und im src-Verzeichnis oder im Assets-Verzeichnis wird ein Fehler gemeldet, der besagt, dass Laui nicht definiert ist. Die korrekte Verwendungshaltung:

Wir legen die Datei unter der statischen Datei und dann unter der HTML-Datei ab Einführung , damit das Laui-Objekt in jeder Komponente verwendet werden kann, damit wir verschiedene UI-Komponenten in Laui

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>pm</title>
    <link type="text/css" rel="stylesheet" href="./static/layui/css/layui.css"/>
    <script type="text/javascript" src="./static/layui/layui.js"></script>
    <style type="text/css">
    body,html{
    margin:0;
    padding:1;
    }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

Nach dem Login kopieren

korrekt verwenden können

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Fehlerberichtsproblem von Laui in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!