解决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即可。

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

相关文章

  • vxe-table中vxe-grid(高级表格)的使用方法举例

    vxe-table中vxe-grid(高级表格)的使用方法举例

    vxe-table是一个基于vue的表格组件,下面这篇文章主要给大家介绍了关于vxe-table中vxe-grid(高级表格)的使用方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-05-05
  • vue使用pdf-dist实现pdf预览以及水印添加

    vue使用pdf-dist实现pdf预览以及水印添加

    这篇文章主要为大家详细介绍了vue如何使用pdf-dist实现pdf预览以及水印添加的功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-10-10
  • vue+vant 上传图片需要注意的地方

    vue+vant 上传图片需要注意的地方

    这篇文章主要介绍了vue+vant 上传图片需要注意的地方,帮助大家更好的理解和使用vue,感兴趣的朋友可以了解下
    2021-01-01
  • Vue3系列教程之插槽slot详解

    Vue3系列教程之插槽slot详解

    插槽(slot)可以说在一个 Vue 项目里面处处都有它的身影,比如我们使用一些UI 组件库的时候,我们通常可以使用插槽来自定义我们的内容,今天通过本文给大家介绍vue3插槽slot的相关知识,感兴趣的朋友一起看看吧
    2022-08-08
  • Vue两个同级组件传值实现

    Vue两个同级组件传值实现

    Vue组件之间是有联系的,避免不了组件之间要互相传值,那么如何实现Vue两个同级组件传值,本文就来介绍一下,感兴趣的可以了解一下
    2021-07-07
  • Vue vee-validate插件的简单使用

    Vue vee-validate插件的简单使用

    这个插件可以用来在未使用组件库,没有自带好的校验规则时使用,进行表单校验,非常的实用,感兴趣的朋友可以参考下本文,了解该插件的使用方法
    2021-06-06
  • vue-cli自定义创建项目eslint依赖冲突解决方式

    vue-cli自定义创建项目eslint依赖冲突解决方式

    vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,在创建项目时,如果遇到npm安装报错,通常是由于依赖版本冲突造成的,文中通过图文以及代码介绍的非常详细,需要的朋友可以参考下
    2024-09-09
  • vue开发利器之unplugin-auto-import的使用

    vue开发利器之unplugin-auto-import的使用

    unplugin-auto-import 解决了vue3-hook、vue-router、useVue等多个插件的自动导入,也支持自定义插件的自动导入,下面这篇文章主要给大家介绍了关于vue开发利器之unplugin-auto-import使用的相关资料,需要的朋友可以参考下
    2023-02-02
  • vue2.0实现检测无用的代码并删除

    vue2.0实现检测无用的代码并删除

    这篇文章主要介绍了vue2.0实现检测无用的代码并删除方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • Vue动态样式绑定实例详解

    Vue动态样式绑定实例详解

    众所周知vue是操作dom元素的,那么如果有元素要动态绑定样式,这种需求,还是要通过改变数据来改变视图的样式,下面这篇文章主要给大家介绍了关于Vue动态样式绑定的相关资料,需要的朋友可以参考下
    2023-04-04

最新评论