vue中使用npm安装引入layui报错怎么解决?
vue项目中使用npm安装引入时报错
在官网中我们可以看到他提到支持npm安装,但是当我们安装成功后,在main.js中引入时却报并不能找到该模块的错。
所以,我们先下载文件包,然后在html文件中用link和script标签的方式引入
下载的文件包必须放在static文件中
我尝试了把下载的文件夹放在与html文件的同级目录下和放在src目录下或者放在assets目录下,均报layui没有定义的错误
正确的使用姿势:
我们把文件放在static文件下,然后在html文件下引入,这样就可以在任意的组件中使用到layui这个对象了,这样我们就可以正确的使用layui里面的各种ui组件了
<!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>
更多web前端知识,请查阅 HTML中文网 !!
以上就是vue中使用npm安装引入layui报错怎么解决?的详细内容,更多请关注易知道|edz.cc其它相关文章!
相关内容
-
自己保存的鼠标方案在哪里可以找到?鼠标安装步骤
自己保存的鼠标方案在哪里可以找到?鼠标安装步骤,鼠标,方案,本...
-
如何在安装过程中部署DevExpress控件
如何在安装过程中部署DevExpress控件,控件,文件,本文目录如何...
-
三星移动硬盘驱动|三星移动硬盘驱动安装
三星移动硬盘驱动|三星移动硬盘驱动安装,,三星移动硬盘驱动安...
-
金蝶kis标准版8.1破解版|1怎么安装?金蝶kis标准
金蝶kis标准版8.1破解版|1怎么安装?金蝶kis标准版v8.1怎么安...
-
笔记本电脑不支持混音|笔记本电脑不支持混音怎
笔记本电脑不支持混音|笔记本电脑不支持混音怎么办,,1. 笔记本...
-
打印机无法打印出如何安装打印机的问题。
打印机无法打印出如何安装打印机的问题。,,一、类型:autoask数...
-
军用物资9000元z77游戏安装方案
军用物资9000元z77游戏安装方案,,在英特尔Ivy Bridge平台,主板...
-
你支持800万用户Firefox吗如何能在火狐浏览器上
你支持800万用户Firefox吗如何能在火狐浏览器上中国的道路,,2...
-
正式发布的小米9支持5G信号吗对此你怎么看
正式发布的小米9支持5G信号吗对此你怎么看,小米,怎么看,正式发...
-
足球彩票的快乐总体偏好价值目标颜色过滤软件免
足球彩票的快乐总体偏好价值目标颜色过滤软件免费试用,,快乐彩...
-
支持高清的下一代:新版本的WinDVD出炉!{图}
支持高清的下一代:新版本的WinDVD出炉!{图},,今天,InterVideo Win...
-
电脑cpu引脚要求|安装cpu时要注意cpu的管脚要与
电脑cpu引脚要求|安装cpu时要注意cpu的管脚要与主板对应,,安装...
-
影子系统是什么影子系统安装卸载win10影子系统
影子系统是什么影子系统安装卸载win10影子系统崩溃修复教程,...
-
笔记本摄像头驱动在哪里下载 罗技摄像头驱动安
笔记本摄像头驱动在哪里下载 罗技摄像头驱动安装在电脑哪里,...
-
Android手机模拟器的安装方法_模拟器安装教程在
Android手机模拟器的安装方法_模拟器安装教程在计算机技能,,核...