Comment résoudre le problème de rapport d'erreurs de layui dans vue-Voir.js-php.cn

Comment résoudre le problème de rapport d'erreurs de layui dans vue

藏色散人

Libérer： 2023-01-13 00:45:06

original

2662 Les gens l'ont consulté

Solution à l'erreur layui dans Vue : placez d'abord le fichier layui sous le fichier statique ; puis introduisez layui dans le fichier html en utilisant les balises de lien et de script pour utiliser layui normalement dans vue.

Comment résoudre le problème de rapport d'erreurs de layui dans vue

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.0, ordinateur DELL G3.

[Articles connexes recommandés : vue.js]

Lors de l'utilisation de npm pour installer et introduire layui dans le projet vue, une erreur se produit

Sur le site officiel, nous pouvons voir qu'il a mentionné que l'installation de npm est prise en charge, mais lorsque nous l'avons installé avec succès, lorsque nous l'avons introduit dans main.js, nous avons signalé une erreur indiquant que le module était introuvable.

Donc, nous téléchargeons d'abord le package de fichiers, puis nous l'introduisons dans le fichier html à l'aide de balises de lien et de script

Le package de fichiers téléchargé doit être placé dans un fichier statique

J'ai essayé de placer le dossier téléchargé dans le même répertoire que le fichier html, dans le répertoire src ou dans le répertoire assets, mais une erreur indiquant que layui n'est pas défini a été signalée

Position d'utilisation correcte :

Nous plaçons le fichier sous le fichier statique, puis l'importons sous le fichier html, afin que l'objet layui puisse être utilisé dans n'importe quel composant, afin que nous puissions utiliser layui correctement Divers composants d'interface utilisateur

<!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>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!