vue-cli创建项目引入iconfont报错

图片说明
vue-cli创建项目引入iconfont报错请问这是怎么回事???

1个回答

boy599237255
皓月TT当空 亲测可用,谢谢!!!
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
为什么我全局安装vue-cli的时候总是报错呢?

用了很多安装命令都安装不上, npm install vue-cli -g npm install -g vue-cli 很多..... 报的错都一样 ![图片说明](https://img-ask.csdn.net/upload/201906/02/1559480690_333242.png) ![图片说明](https://img-ask.csdn.net/upload/201906/02/1559480708_336731.png)

npm install报错,webpack报错,npm install vue-cli报错

npm install 报错 ![图片说明](https://img-ask.csdn.net/upload/201709/08/1504860429_522083.png) npm install webpack --save-dev 报错 ![图片说明](https://img-ask.csdn.net/upload/201709/08/1504860470_200667.png) npm install vue-cli报错 ![图片说明](https://img-ask.csdn.net/upload/201709/08/1504860495_849862.png) 但是npm run dev 可以正常跑起来 ![图片说明](https://img-ask.csdn.net/upload/201709/08/1504860521_518161.png) 页面的显示也正常 我的提问的两个原帖链接: http://blog.csdn.net/aeoliancrazy/article/details/77863343 http://blog.csdn.net/aeoliancrazy/article/details/77881396 我不是刷点击量,只是这个蛋疼的提问框无法预览 不要从网上别人的直接复制过来回答我,在我的上述2个链接中,已经试了6种方法了,包括6中的混用 回答的亲么,拿出点诚意,我查了两天,网上相同的问题,帖子很少,而回答也是稀烂 希望大家能帮我解决下此问题,先谢谢各位了

vue-cli webpack 中import 带有@的css 报错

vue-cli webpack 中import 带有@的css 报错 我想添加style-loader 有好多config文件应该在那个文件里面添加style-loader

在vue-cli里创建项目,怎么解决跨域问题?

我在vue-cli里创建了项目,端口号是8081,但是我的数据是在80端口里。 这个时候我要怎么跨域?需要做哪些配置?

安装vue脚手架vue-cli失败

## # npm install -g@vue/cli 出现报错!怎么解决? 求诸位道友指教! ![图片说明](https://img-ask.csdn.net/upload/202004/21/1587453688_989097.png)

vue-cli引入css一直失败

vue-cli用的webpack-simple模板在main.js中import './assets/css/main.css' 报错:Canot find module 'assets/css/main.css' 不知道问什么,求大神帮忙解决一下

vue-cli npm run build报错

![图片说明](https://img-ask.csdn.net/upload/201907/30/1564459555_859850.png)![图片说明](https://img-ask.csdn.net/upload/201907/30/1564459566_230960.png)![图片说明](https://img-ask.csdn.net/upload/201907/30/1564459740_221490.png) 之前打包都没有问题,但是打包之后又npm安装了一个东西,再打包就报错了,但是在package.json文件中已经存在新加了东西,不知道要怎么解决,求助各位大神啦

vue-cli + ts 使用CDN时报错,请问各位大佬如何解决?

### 使用vue-cli新建了一个项目,启用了TypeScript 当我尝试将vue、vuex 使用CDN 导入的时候做了如下操作 + 删除了 **package.json** 中的依赖 + 在 **index.html ** 中写入cdn ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577067141_320744.png) + 在 **vue.config.js** 中写入 ``` configureWebpack: (config) => { //入口文件 config.entry.app = ['babel-polyfill', './src/main.ts']; //只有打包生产环境才需要将console删除 if (process.env.NODE_ENV == 'production') { config.plugins = [...config.plugins, ...plugins]; } // CDN config.externals = { 'cdnVue': 'Vue', } }, ``` ### 报错 ``` ERROR in E:/any pros/MyFactory/my_factory/src/main.ts(1,17): 1:17 Cannot find module 'cdnVue'. ```

VUE-cli3.0 按需导入 iview 中的组件 DatePicker 报错

VUE-cli3.0 按需导入 iview 中的组件 DatePicker 报错,而且只存在DatePicker 和TImePicker两个组件中![图片说明](https://img-ask.csdn.net/upload/201909/30/1569831940_838943.png)![图片说明](https://img-ask.csdn.net/upload/201909/30/1569831955_425651.png)![图片说明](https://img-ask.csdn.net/upload/201909/30/1569831960_166594.png)![图片说明](https://img-ask.csdn.net/upload/201909/30/1569831968_494381.png),浏览器控制台里的fecha是 DatePicker 依赖包里里的变量,写过demo试试 全局导入不会出现问题,只按需导入会出现,有没有大佬知道怎么回事

Vue-cli 的热更新无效问题

我使用vue init webpack-simple ProjectName创建了一个简单的Vue-cli工程,但是无法实现热更新。每次一点点改动就需要重新编译运行才能看到效果,十分困扰。 我的webpack配置如下: ``` const path = require('path') const webpack = require('webpack'); console.log(path.resolve(__dirname, './src/main.js')) module.exports = { //热部署 entry:[ path.resolve(__dirname, './src/main.js'), 'webpack-dev-server/client?http://localhost:8080/', ], output: { path: path.resolve(__dirname, './dist'), publicPath: './dist/', filename: 'build.js' }, module: { rules: [ { test: /\.css$/, use: [ 'vue-style-loader', 'css-loader' ], }, { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { } // other vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.(png|jpg|gif|svg)$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' }, extensions: ['*', '.js', '.vue', '.json'] }, devServer: { //这里可以配置端口号 // port:8080, // host: 'localhost', //重定向404 historyApiFallback: true, noInfo: true, //编译出错的时候,在浏览器页面上显示错误 overlay: true, hot:true, inline:true, //该目录不填默认是项目目录 // contentBase: path.resolve(__dirname), }, performance: { hints: false }, devtool: '#eval-source-map', //配置webpack插件 plugins:[ //热加载插件 new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), ] } if (process.env.NODE_ENV === 'production') { module.exports.devtool = '#source-map' // http://vue-loader.vuejs.org/en/workflow/production.html module.exports.plugins = (module.exports.plugins || []).concat([ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compress: { warnings: false } }), new webpack.LoaderOptionsPlugin({ minimize: true }) ]) } ``` package.json如下: ``` { "name": "srms", "description": "A Vue.js project", "version": "1.0.0", "author": "Snile <826245622@qq.com>", "license": "", "private": true, "scripts": { "clean": "rd /s /q dist", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "dev": "npm run build && cross-env NODE_ENV=development webpack-dev-server --open --inline --hot" }, "dependencies": { "vue": "^2.5.11", "vue-router": "^3.0.2" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ], "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-preset-env": "^1.6.0", "babel-preset-stage-3": "^6.24.1", "cross-env": "^5.0.5", "css-loader": "^0.28.7", "file-loader": "^1.1.4", "vue-loader": "^14.2.3", "vue-template-compiler": "^2.4.4", "webpack": "^3.12.0", "webpack-dev-server": "^2.9.1" } } ``` 该配置似乎能检测到文件的变化,每次改动后,控制台都会输出: client:77 [WDS] Hot Module Replacement enabled. 2client:80 [WDS] App updated. Recompiling... client:223 [WDS] App hot update...

Vue cli 3.0 执行命令时报错,如下图?

Vue cli 3.0 执行命令时报错,如下图?求遇见过的大哥知道,这是怎么回事 我删了modules文件夹也不行 ![图片说明](https://img-ask.csdn.net/upload/201811/19/1542617799_18128.jpg)

执行npm install -g @vue.cli报错

由于之前没有接触过前端,所以这次做一个前后端分离的项目要用的Vue框架,这里我安装vue cli3 的时候报错,试了好多方法都没解决,请问一下我这个问题应该怎么去解决,请大家帮忙看一下,谢谢![图片说明](https://img-ask.csdn.net/upload/202004/19/1587232152_124445.png)

vue-cli3 build后报正则表达式非法?

vue-cli3项目build后,报SyntaxError: invalid regexp group,但是未压缩前没有问题。就用了下面两个正则表达式 ``` data.match(/(?<=\[\[).*?(?=\]\])/g); data = data.replace(/\[\[.*?\]\]/,'name'); ```

vue-element-admin启动报错!!!SOS

![图片说明](https://img-ask.csdn.net/upload/202002/28/1582896862_614715.jpg) 求救,刚刚下下来的时候是可以的,但是后来手贱装了一遍vue就不行了

vue-cli配合webpack搭建多页面应用,测试、打包没报错,但打开打包生成html文件就报错。

如标题所示:vue-cli配合webpack搭建多页面应用,测试、打包没报错,但打开打包生成html文件就报错。望大神指点指点。 ![图片说明](https://img-ask.csdn.net/upload/201804/15/1523795530_349133.png) csdn.net/upload/201804/15/1523795495_611472.png) ![图片说明](https://img-ask.csdn.net/upload/201804/15/1523795509_693963.png)

怎么指定安装 vue-cli3

现在脚手架4已经出来了,如果我直接npm i @vue/cli -g,则默认安装的是4,我要装脚手架3,应该怎么装呀

webpack+vue-cli脚手架构建的项目启动后卡到崩溃

![图片说明](https://img-ask.csdn.net/upload/201803/01/1519873860_121086.png) 请问有人遇到过这是怎么回事吗?

vue-cli创建的项目中没有build文件夹,该如何配置使用模拟数据

最近在开发一个小项目,所以用vue init webpack-simple来创建的vue项目,目录很简洁,但是在最近要用模拟数据时发现没有build文件夹,也找不到webpack.dev.conf.js这个配置文件,那么应该怎么来使用mock模拟数据啊,求大佬指教,在网上查了很久都找不到方法。

vue-cli4 无法触发页面刷新

我在搭建vue+ts环境时发现,只有在template中添加内容才会刷新页面,而修改script 和style中的内容却无法触发,怎么解决呢?

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Intellij IDEA 实用插件安利

1. 前言从2020 年 JVM 生态报告解读 可以看出Intellij IDEA 目前已经稳坐 Java IDE 头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA 的...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

魂迁光刻,梦绕芯片,中芯国际终获ASML大型光刻机

据羊城晚报报道,近日中芯国际从荷兰进口的一台大型光刻机,顺利通过深圳出口加工区场站两道闸口进入厂区,中芯国际发表公告称该光刻机并非此前盛传的EUV光刻机,主要用于企业复工复产后的生产线扩容。 我们知道EUV主要用于7nm及以下制程的芯片制造,光刻机作为集成电路制造中最关键的设备,对芯片制作工艺有着决定性的影响,被誉为“超精密制造技术皇冠上的明珠”,根据之前中芯国际的公报,目...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

百度工程师,获利10万,判刑3年!

所有一夜暴富的方法都写在刑法中,但总有人心存侥幸。这些年互联网犯罪高发,一些工程师高技术犯罪更是引发关注。这两天,一个百度运维工程师的案例传遍朋友圈。1...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

实时更新:计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年6月份最新版)

内容导航: 1、TIOBE排行榜 2、总榜(2020年6月份) 3、本月前三名 3.1、C 3.2、Java 3.3、Python 4、学习路线图 5、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google、Bing、Yahoo!)以及Wikipedia、Amazon、YouTube统计出排名数据。

立即提问
相关内容推荐