解决ant-design-vue安装报错的问题

 更新时间:2022年12月03日 09:17:00   作者:我要你好好的。  
这篇文章主要介绍了解决ant-design-vue安装报错的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

ant-design-vue安装报错问题

版本

  • Vue-CLI@4.3.0
  • Less-Loader@6.1.0

解决方法

在vue.config.js里加入解决~

	module.exports = {
+	  css: {
+	    loaderOptions: {
+	      less: {
+	        lessOptions: {
+	          javascriptEnabled: true
+	        }
+	      }
+	    }
+	  }
	}

下面是我的吐槽,可以不看

说来也是无语,按照官方文档来,竟然还会报错,类似这样👇

.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?

第一次报错,是因为我没装less-loader,好嘛~ 我装,可是官方文档不应该写一下需要less-loader依赖吗?run serve失败体验很不好欸~

等我装好了loader,满心欢喜npm run serve又报错,比较搞笑的是官方知道这个错,还把解决网页在Terminal告诉了我,emmmmmm…在官方文档多写几行说明,后果很严重吗?????

于是,我哼哧哼哧去github找解决方案,评论竟然是按时间排序,2017年的问题压根不是这个,从2018的回答才是正解(是的,这问题都存活两年了(⊙ˍ⊙)),可是咱less-loader都更新到6+了呀,于是,我终于在接近底部找到了正解。

安装ant-design-vue报错

npm ERR! Error: EPERM: operation not permitted

今天写新项目记录下,在安装插件时报这种错:npm ERR! Error: EPERM: operation not permitted

删除node_modules重新install都没用,把这个C:\Users\Administrator\.npmrc文件删除掉,重新install即可。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue中使用vue-count-to(数字滚动插件)详细教程

    Vue中使用vue-count-to(数字滚动插件)详细教程

    这篇文章主要给大家介绍了关于Vue中使用vue-count-to(数字滚动插件)的相关资料,最近需要开发一个数字滚动效果,在网上找到一个关于vue-countTo的插件,觉得这个插件还不错,需要的朋友可以参考下
    2023-09-09
  • vue select选择框数据变化监听方法

    vue select选择框数据变化监听方法

    今天小编就为大家分享一篇vue select选择框数据变化监听方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • Vue2.0中集成UEditor富文本编辑器的方法

    Vue2.0中集成UEditor富文本编辑器的方法

    本文给大家详细讲述了Vue2.0中集成UEditor富文本编辑器的方法以及相关注意事项做了讲述,有兴趣的朋友学习下。
    2018-03-03
  • vue3 组合式API defineEmits() 与 emits 组件选项详解

    vue3 组合式API defineEmits() 与 emits 组

    在Vue中,defineEmits()是Vue3组合式API中用于声明自定义事件的,而emits选项则用于Vue2和Vue3的选项式API中,defineEmits()允许使用字符串数组或对象形式声明事件,emits选项也支持这两种形式,且验证函数可以验证事件参数,这两种方法都是为了更规范地在组件间通信
    2024-09-09
  • 基于Vue 和 iView分片上传功能实现(上传组件)

    基于Vue 和 iView分片上传功能实现(上传组件)

    本文介绍了基于Vue和iView的文件分片上传技术,通过将文件拆分成多个小块并逐块上传,解决了大文件上传时的诸多问题,如上传速度慢、超时和网络中断等,它还展示了如何实现分片上传的进度显示、错误处理和断点续传等功能,感兴趣的朋友跟随小编一起看看吧
    2025-01-01
  • Vue中XMLHttpRequest的使用方法详解

    Vue中XMLHttpRequest的使用方法详解

    Vue中使用XMLHttpRequest(XHR)可以获取数据的方式与传统的HTML页面相同,本文主要来和大家讲讲它的正确使用方法,希望对大家有所帮助
    2023-05-05
  • uniapp APP中内嵌webview的H5与APP相互通讯动态传参代码示例

    uniapp APP中内嵌webview的H5与APP相互通讯动态传参代码示例

    最近外部公司的app要接入我司的uni H5项目,所以这篇文章主要给大家介绍了关于uniapp APP中内嵌webview的H5与APP相互通讯动态传参的相关资料,需要的朋友可以参考下
    2024-04-04
  • 详解vue项目中使用vuedraggable

    详解vue项目中使用vuedraggable

    这篇文章主要介绍了vue项目中使用vuedraggable,本文给大家介绍了错误问题分析及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • VUE中使用Vue-resource完成交互

    VUE中使用Vue-resource完成交互

    本篇文章主要介绍了VUE中使用Vue-resource完成交互,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • vue父子组件的数据传递示例

    vue父子组件的数据传递示例

    这篇文章主要介绍了vue父子组件的数据传递示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03

最新评论