求助老师

求助老师

问题描述:

这些报错和警告是哪里出问题了?虽然没影响项目运行,但看起来很不舒服,请问老师这是什么原因?

相关截图:

http://img1.sycdn.imooc.com//climg/60e3f7310935ade808290928.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
好帮手慕言 2021-07-08 13:39:35

同学你好,使用同学提供的代码测试,控制台没有出现“Antd is not defined”报错,猜测可能是在安装依赖的时候出现了问题,建议:可以把项目中的node_modules文件夹删除,执行npm i重新安装依赖试试。

祝学习愉快~

好帮手慕言 2021-07-07 17:29:37

同学你好,老师这边使用上次回答的步骤操作,没有出现报错,可以正常运行。建议:可以按照下方步骤排查一下。

1、ant-design-vue安装成功了吗?可以在package.json文件中有没有如下代码:
http://img1.sycdn.imooc.com//climg/60e5736f0970704504580084.jpg

如果没有的话,可以重新安装一下。

2、删除项目中的node_modules文件夹,执行npm i重新安装依赖。

3、对照着老师的截图,看看同学自己写的代码有没有写错的。

如果还是不可以,建议把完整代码粘贴上来,老师帮助排查一下。

祝学习愉快~

  • 提问者 龙同學 #1

    老师,这是我的代码,第一个main.js文件,第二个package.json文件,还是提示antd找不到

    http://img1.sycdn.imooc.com//climg/60e670ec09d548cf07800237.jpg

    ​import { createApp } from "vue";
    import App from "./App.vue";
    import router from "./router";
    import store from "./store";
    import Antd from "ant-design-vue";
    import "ant-design-vue/dist/antd.css";
    import "normalize.css";
    import "./style/index.scss";

    createApp(App).use(Antd).use(store).use(router).mount("#app");

    {
    "name": "jingdong",
    "version": "0.1.0",
    "private": true,
    "scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
    },
    "dependencies": {
    "animate.css": "^4.1.1",
    "ant-design-vue": "^2.2.1",
    "axios": "^0.21.1",
    "core-js": "^3.6.5",
    "normalize.css": "^8.0.1",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0-0",
    "vuex": "^4.0.0-0"
    },
    "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.3.1",
    "eslint-plugin-vue": "^7.0.0",
    "less": "^4.1.1",
    "less-loader": "^10.0.1",
    "prettier": "^2.2.1",
    "sass": "^1.26.5",
    "sass-loader": "^8.0.2"
    }
    }


    2021-07-08 11:29:22
好帮手慕言 2021-07-07 15:02:08

同学你好,本站的教学服务只包含站内视频内容问题解答、站内习题问题解答、站内作业问题解答、站内测试题问题解答以及站内产品使用问题解答。故同学的问题不包含在教学服务内,本次老师破例为同学讲解一下,下不为例哦

1、安装。命令如下:

 npm i --save ant-design-vue@next

2、引入。

import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

参考:
http://img1.sycdn.imooc.com//climg/60e54fcf09fb316e06970389.jpg

3、使用。如果想在vue中使用按钮,操作如下:

http://img1.sycdn.imooc.com//climg/60e550e30991734509890542.jpg

http://img1.sycdn.imooc.com//climg/60e55111094015b008790550.jpg

效果:

http://img1.sycdn.imooc.com//climg/60e5511a0917699403660105.jpg

可以参考文档:https://2x.antdv.com/components/button-cn

祝学习愉快~

  • 提问者 龙同學 #1

    我也是这么操作的,但是提示antd是undefined

    2021-07-07 15:33:28
好帮手慕言 2021-07-06 14:35:52

​同学你好,警告老师这边没有复现出来,但是从提示来看是devtools的问题。

报错是因为devtools工具的问题,老师这边使用此工具也会有这样的报错,同学可以忽略这些提示,也可以不使用这个工具,祝学习愉快~

  • 提问者 龙同學 #1

    老师,我想请问下ant-design-vue库在vue中具体怎么使用?我按照文档操作一直报错,能讲解一次吗?




    2021-07-07 12:02:10
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师