Maison > Article > interface Web > Comment résoudre le problème de rapport d'erreurs de layui dans vue
Comment résoudre le problème de rapport d'erreurs de layui dans vue
- 藏色散人original
- 2021-01-14 10:26:022657parcourir
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.
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>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!