关于ant-design-vue安装报错的解决方法

最新推荐文章于 2024-08-11 15:33:20 发布

我要你好好的。

最新推荐文章于 2024-08-11 15:33:20 发布

阅读量4.9k

点赞数

分类专栏：前端学习文章标签： vue

本文链接：https://blog.csdn.net/weixin_43845044/article/details/106545418

版权

在Vue-CLI@4.3.0和Less-Loader@6.1.0环境下，遇到ant-design-vue安装后的错误。官方文档未明确提及需要less-loader，导致初次安装报错。解决方法是在vue.config.js中配置。此外，官方对于错误的提示并未给出详细解决方案，需要在GitHub上搜索2018年的评论才能找到正确解答。

摘要由CSDN通过智能技术生成

版本

Vue-CLI@4.3.0
Less-Loader@6.1.0

解决方法

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

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

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我要你好好的。

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue2/3 - ant design vue报错You cannot set a form field before rendering a field associated with the va

高级前端工程师

04-07

2426

antd，ant design vue，antd vue，vue2，vue3，vue报错，vue+antd报错，setFieldsValue，You cannot set a form field before rendering a field associated with the value.，解决antd vue中使用setFieldsValue报错“You cannot set a form field before rendering a field associated with ”表单set

vite ant-design-vue upload-dragger打包报错 Rollup failed to resolve

weixin_35498622的博客

09-21

3071

把upload复制一份改名之后可以正常打包了。原因是antdv下面只有upload，没有upload-dragger，但是引入UploadDragger 却没有报错，打包的时候找不到。其实，可以从upload引入dragger。

参与评论您还未登录，请先登录后发表或查看评论

vue项目中安装ant-design-vue出现错误

xi_aot的博客

08-31

4817

使用 npm i --save ant-design-vue 命令时，项目报错

安装ant-design-vue报错：npm ERR! Error: EPERM: operation not permitted

E的小小地方

05-21

769

今天写新项目记录下，在安装插件时报这种错：npm ERR! Error: EPERM: operation not permitted，删除node_modules重新install都没用，把这个C:\Users\Administrator\.npmrc文件删除掉，重新install即可。

Ant-Design-Vue

最新发布

shiming8879的博客

08-11

1417

Ant-Design-Vue是一个功能丰富、易于使用的Vue UI组件库，通过遵循上述的安装与配置步骤、基础组件使用方法和排坑建议，你可以快速上手并在项目中有效地使用它。记得经常查阅官方文档和社区资源，以便及时获取最新的功能和最佳实践。

安装指定版本的ant-design-vue和指定版本的@ant-design/icons-vue 图标组件包

gurenchang的博客

04-16

1789

安装指定版本的ant-design-vue和指定版本的@ant-design/icons-vue 图标组件包

关于Vue3 + antd vue引入iconfont报错的最终解决方案

fengGer的博客

03-21

1501

我觉得，大概原因是这样【关于引入iconfont时出现的问题，可能是因为iconfont.js文件没有通过export default导出default对象】，所以可以这样去写，在使用时使用iconfont.default来获取default对象。那么今天它的处理方案出来了，无意间发现，可以这么写,但是好像也没有毛用，跟直接写文件地址一个diao样子啊。按照以上示例写完以后，你会神奇的发现，报一个错【引入本地文件，线上地址OK】，没法处理，晕死~~~即可轻松地使用已有项目中的图标。

vue中ant-design-vue的安装和使用（vue2安装不了的原因）

TodayStartWJH的博客

07-19

2926

Ant Design Vue的安装和使用

Vue项目安装依赖时 warning“unmet peer dependency“

miracle_melody的博客

06-07

3万+

Vue项目安装依赖时 warning"unmet peer dependency"

Ant Design Vue可能遇到的问题（持续更新）

一入前端深似海

09-15

4659

一、table 筛选功能修改icon 首先需要在定义的 columns 中设置 filterIcon 属性。 computed: { columns() { let { sortedInfo, filteredInfo } = this; console.log(sortedInfo, filteredInfo) sortedInfo = sortedInfo || {}; filteredInfo = filteredInfo

vue3+vite,自动按需引入ant-design-vue3x报错

小花同学

09-20

843

vue3+vite项目，自动按需引入ant-design-vue3x报错：Failed to resolve import "ant-design-vue/es/button/style/css" from "src\views\ant-d-v-test.vue"

ant-design-vue按需加载的坑的解决

11-20

首先，让我们了解问题的核心：在Vue CLI 4.x环境中，当你尝试按需加载Ant Design Vue时，编译过程会报错。这个错误通常与Ant Design Vue使用的less预处理器有关。Less是一种CSS预处理器，它允许我们使用变量、嵌套...

has incorrect peer dependency出现解决方式

山鬼谣弋痕夕的博客

08-06

1万+

在启动项目是遇到该问题：解决方式： $ npm install -g yarn 之后再运行即可。这是更新Yarn以及您的包，停止看到错误。另外，避免使用npm upgrade命令获取最新版本的 - 使用npm install。...

vue 项目运行过程中出现错误的问题解决

宁波阿成的博客

04-20

698

vue 项目运行过程中出现错误的问题解决 errors and 0 warnings potentially fixable with the--fixoption. 的错误

ant-design-vue vue2项目引入报错无法启动

weixin_43799811的博客

07-01

1834

ant-design-vue vue2项目引入报错无法启动

npm安装依赖时报 “xxx is not in the npm registry“错的解决办法之一

热门推荐

Yukinoshita_kino的博客

08-07

9万+

一. 场景我在安装better-scroll2.0没问题，但是在装它的下拉加载更多和上拉刷新插件时报了这个错，如下：二. 解决办法 2.1 输入npm config list 命令查看当前配置情况，如下： 2.2 将npm的获取地址从https改为http 2.3 查看修改后的配置npm config list 2.4 重新安装之前装不起的依赖，成功安装（完） ...

Error: Cannot find module ‘umi‘ 问题处理

LDR1109的博客

04-23

1万+

最近接触ant design，再上手的时候，老是会碰到，找不到某某模块的问题，上网搜了一下，发现很多都不能解决问题。后来，发现可以通过 yarn add 模块名的方式，处理这种Error, 如: yarn add umi 记录一下，希望也可以帮到您！ NangongYi@LAPTOP-AKD59FEP MINGW64 /d/web/html/ant/myapp $ yarn add umi yarn add v1.22.10 info No lockfile found. [1/4] .

ant-design-vue安装报错解决

空

01-27

2461

编译报错如图原因 ant-design-vue使用less预处理器。在less3.0版本以前，javascriptEnabled属性默认为true,3.0以后默认为false。我的项目less版本为3.0.4，所以在编译中会报错解决 1. 首先安装好less loader 然后在vue.config.js添加配置 css: { loaderOptions: { less: { javascriptEnabled: true } } } 2..

npm i ant-design-vue报错

06-12

如果您在执行 `npm i ant-design-vue` 命令时出现了报错，可能是由于以下原因之一导致的： 1. 您的网络连接存在问题，可以尝试检查网络连接是否正常。 2. 您的本地环境可能存在权限问题，可以尝试使用管理员权限运行命令行。 3. 您的 `npm` 版本过低，建议升级至最新版本，可以尝试执行 `npm install -g npm` 命令升级。 4. 您的本地依赖库存在冲突，可以尝试删除 `node_modules` 文件夹，然后重新执行 `npm install` 命令。如果以上方法都无法解决问题，建议您查看具体的报错信息，以便更好地定位问题。