Vue에서 Layui의 오류 보고 문제를 해결하는 방법
- 藏色散人원래의
- 2021-01-14 10:26:022657검색
vue의layui 오류 보고에 대한 해결 방법: 먼저layui 파일을 정적 파일 아래에 넣은 다음 링크 및 스크립트 태그를 사용하여 html 파일에layui를 도입하여 vue에서 정상적으로layui를 사용합니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.0, DELL G3 컴퓨터.
【추천 관련 글: vue.js】
vue 프로젝트에서 Layui를 도입하기 위해 npm 설치를 사용하면 오류 메시지가 나타납니다
공식 홈페이지에서 npm 설치가 다음과 같다고 언급한 것을 볼 수 있습니다. 지원되는데, 성공적으로 설치했는데, main.js에 도입하면 모듈을 찾을 수 없다는 오류가 보고되었습니다.
그래서 먼저 파일 패키지를 다운로드한 후 링크와 스크립트 태그를 사용하여 html 파일에 소개합니다
다운로드한 파일 패키지는 정적 파일에 있어야 합니다
다운로드한 폴더를 동일한 html 파일에 넣어보았습니다. 같은 레벨 디렉터리에 src 디렉터리나 자산 디렉터리에 배치하면layui가 정의되지 않았다는 오류가 보고됩니다. 올바른 사용 자세:
파일을 static 파일 아래에 넣은 다음 html 파일 아래에 넣습니다. ,layui 객체를 어떤 컴포넌트에서나 사용할 수 있도록,layui
<!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>에서 다양한 UI 컴포넌트를 올바르게 사용할 수 있도록위 내용은 Vue에서 Layui의 오류 보고 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.