程序员经验分享-hwhale

vue引入阿里图标 Module parse failed: Unexpected character '�' (1:0)

2023-11-18
操作根据文章：https://blog.csdn.net/qq_32113629/article/details/79740949

在自己跟着试了一下后报错：Module parse failed: Unexpected character '�' (1:0)

我这里的原因是用自己的webpack在npm run dev的时候没有处理.eot文件，其他(图片)文件也有可能会出现此错误，webpack将各个模块打包成一个文件，样式中的url路径是相对入口html页面的，而不是相对于原始css文件所在的路径的，因此导致图片引入失败。

在webpack.config.js引入url-loader，看 /\.(jpg|png|eot|svg|ttf|woff|woff2|gif)$/是否有报错的Module parse failed: Unexpected character '�' (1:0)这句话上面的那个后缀名，没有的话，加上

{
test: /\.(jpg|png|eot|svg|ttf|woff|woff2|gif)$/,
loader: 'url-loader',
options: {
limit: 4096, //4096字节以上生成文件，否则base64
name: '[name].[ext]'
}
},

如有不足，以后再改，先记录一下
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue引入阿里图标 Module parse failed: Unexpected character '�' (1:0) 的相关文章

  • vector的模拟实现

    vector的模拟实现 include

  • MDM主数据平台使用总结

    随着科技飞速发展的时代 企业信息化建设会越来越完善 越来越体系化 所用到的应用系统也会越来越多 业务发展中沉淀了大量数据 但是这些数据没有为企业带来直观价值 没有形成企业的数据资产 所以越来越多的企业进入到了数据治理阶段 对于主数据治理的需

  • ajax跨域请求 session,浅谈Ajax跨域Session和跨域访问

    浅谈Ajax跨域Session和跨域访问 一 关于ajax跨域请求 用jsonp老是不成功 虽然可以返回数据 但是error处报错 原因是返回的数据格式不是jsonp格式 但是用C 构造的请求却能够返回数据 二 第三方的ajax请求肯定是不

  • centos6.5安装rabbitmq方法------只能用centos6.5

    1 下载最新版本的erlang到文件夹opt中 当前版本是20 0 root localhost opt wget http erlang org download otp src 20 0 tar gz 2 下载完成后查看文件 root

  • STS(Spring Tool Suite)使用前准备

    好了 卖了两个月冰激凌 现在又回来做程序员了 发现好多东西已经忘了 所以拿csdn当个记事本 方便我也方便其他和我有同样问题的人 现在打算用spring mvc来做些东西 工具就用sts STS Spring Tool Suite 其实是个

  • mysql 字符集问题整理

    mysql 字符集问题整理 一直对mysql字符集没有明确的概念 mysql为了方便 设置了各种层级的字符集 最近在移植mat数据库时 顺便把这个问题整理清楚 供参考和学习 文章最后有word版本 有两张图片以及不同文字的颜色区分 首先是M

  • C# 的委托事件实现（含代码）

    参考代码 http www pudn com downloads74 sourcecode windows csharp detail271438 html 最近在看一个抛物线的代码 用C 写的 以前接触C 不多 从代码中可以看到与andr

  • 《Blurriness-guided Unsharp Masking》阅读笔记

    Unsharp Masking 反锐化掩模 将原图像通过反锐化掩模进行模糊预处理 相当于采用低通滤波 后与原图逐点做差值运算 然后乘上一个修正因子再与原图求和 以达到提高图像中高频成分 增强图像轮廓的目的 这篇文章提出了一个基于模糊作为导向

  • 【文文殿下】【SDOI2013】随机数生成器 题解

    题意 给你个随机数生成器 f x a f x 1 b mod p 给你初始信息 a b t p f 1 问你几次等于 t 如果不等于输出 1 题解 f n a f n 1 b f n c a n 1 frac b a n 1 a 1 tex

  • Linux系统服务权限维持

    usr lib systemd system linux How to remove systemd services Super User VirusTotal File 334e828a09bd64abb9a4f70256f4d2f8f

  • 创新生产力的新引擎

    随着科技的飞速发展 人工智能 AI 已成为当今时代的一大热点 近年来 生成式AI的崛起 特别是在自然语言处理 NLP 领域的突破 对传统搜索引擎 推荐系统 语言翻译等领域产生了深远的影响 CHAT GPT作为生成式AI的代表之一 更是引领了

  • java中的四种权限修饰符

    因为缺省情况下只能在同包中访问 所以缺省也叫包访问权限 要注意的是 当使用protected修饰父类的成员或者方法 在不同包下访问该父类的资源时 只有使用子类对象才可以去访问 声明一个父类的对象是无法访问该资源的

  • unity 3D获取当前物体得坐标

    unity 3D获取当前物体得坐标 与物体绑定好 public class location MonoBehaviour Start is called before the first frame update public GameOb

  • 2022年“网络安全”赛项驻马店市赛选拔赛 任务书

    2022年 网络安全 赛项驻马店市赛选拔赛 一 竞赛时间 共计3小时 二 竞赛阶段 竞赛阶段 任务阶段 竞赛任务 竞赛时间 分值 第一阶段单兵模式系统渗透测试 任务一 Windows操作系统渗透测试 100分钟 100 任务二 Linux操

  • Linux 中如何使用 Aria2 下载文件

    Aria2是一个免费的开源轻量级多协议命令行实用程序 可以从Internet上下载文件 它支持各种协议 例如HTTP HTTPS FTP甚至BitTorrent Aria2可在Windows Linux和Mac OSX上运行 主要特征 以下

  • RBAC新解：基于资源的权限管理(Resource-Based Access Control)

    原文地址 转载地址 本文讨论以角色概念进行的权限管理策略及主要以基于角色的机制进行权限管理是远远不够的 同时我将讨论一种我认为更好的权限管理方式 什么是角色 当说到程序的权限管理时 人们往往想到角色这一概念 角色是代表一系列可执行的操作或责

  • Sqlilabs-25a

    本关卡和 25 关的区别在于连单引号都省去了 http sqlilabs Less 25a id 1 报错 http sqlilabs Less 25a id 1 正常 http sqlilabs Less 25a id 1 ordery

  • go学习———第二阶段

    go 第二阶段学习 一 函数 1 函数基本用法 函数的参数与返回值 不定参数的传递 2 函数类型 递归函数 回调函数 匿名函数 3 defer的用法 先入后出 4 闭包与匿名函数 二 指针变量 三 数组与切片 1 数组 2 切片 随机数 四

  • 安装tiny-cuda-nn时报错RuntimeError: Could not locate a supported Microsoft Visual C++ installation

    问题描述 按照官方教程安装nerf studio 运行命令pip install git https github com NVlabs tiny cuda nn subdirectory bindings torch安装tiny cuda

  • 为什么我们要进行博客营销

    首先我们要了解博客产生的背景 在一种web2 0时代 为了发表一些看法 分享知识和经验 同时增加创造性和自主性 而专门设计了很大类的博客 有很多知名的博客网 国内如新浪博客 网易博客 阿里巴巴博客等 而博客营销可以通过博客创作一些文章 或者

随机推荐

  • React 从零开始学习（八）—— 决出胜负

    有两个玩家参与之后 就需要判断胜负 以及游戏何时结束 在 Board js 文件中添加 calculateWinner 方法来计算判断游戏 传入 squares 是一个长度为 9 的数组 function calculateWinner s

  • Go 1.19.3 context原理简析

    Context context Context一般用作函数或方法的第一个参数 其作用为管控协程在用户侧 生命周期 它是线程安全的 在多个goroutine之间可以任意调用其方法 不需考虑锁的问题 原理简析 context的结构是一棵以Bac

  • scrapy mysql的同步插入与异步插入

    主要代码是在Pipeline中进行编写 上完整代码 同步插入代码 同步插入 class MysqlPipeline2 object 同步操作 def init self 建立连接 self conn pymysql connect loca

  • opencv实现答题卡识别

    识别答题卡 import cv2 import numpy as np def showImg img name img cv2 imshow img name img cv2 waitKey cv2 destroyAllWindows d

  • VMware下载与安装

    VMware的简介 VMWare虚拟机软件是一个 虚拟PC 软件 它使你可以在一台机器上同时运行二个或更多Windows DOS LINUX系统 与 多启动 系统相比 VMWare采用了完全不同的概念 多启动系统在一个时刻只能运行一个系统

  • 扩散模型大杀器 ControlNet 解析

    Controlnet的介绍 1 论文信息 标题 Adding Conditional Control to Text to Image Diffusion Models 作者 Lvmin Zhang Maneesh Agrawala 原文链

  • Object.entries()方法使用详解

    一 概述 对象的数据处理方法 我们熟知的有很多 比如Object keys Object values for in等 本文将其与其它常见使用方法进行对比 详细解析其特性 二 对比 for in Object entries 方法的优势 1

  • Python计算过去周末的方法

    在Python中 我们可以使用datetime模块来计算过去的周末数量 datetime模块提供了各种日期和时间相关的函数和类 使我们可以轻松地处理日期和时间 首先 我们需要导入datetime模块 import datetime 然后 我

  • Vue自定义指令 「干货」

    在 Vue 除了核心功能默认内置的指令 v model 和 v show Vue 也允许注册自定义指令 它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作 Vue 自定义指令有全局注册和局部注册两种方式 先来看看注册全局

  • springboot修改端口号的两种方式

    前言 springboot默认的端口号为8080 端口号的配置有两种方式 一种是在配置文件application properties中 另一种是在配置文件application yml中 1 第一种方式 修改配置文件application

  • 最短路径-Dijkstra算法与Floyd算法

    最短路径 Dijkstra算法与Floyd算法 原文 https www cnblogs com smile233 p 8303673 html 一 最短路径 在非网图中 最短路径是指两顶点之间经历的边数最少的路径 AE 1 ADE 2 A

  • 【ubuntu22.04 安装优麒麟wine封装版微信】

    选择该版本原因 目前使用体验来说优于deepin封装版 1 到优麒麟软件下载页面找到微信 wine 下载Wine环境包和 微信 wine 包 2 终端输入 sudo apt get install f y ukylin wine 70 6

  • linux 环境下 openssl 生成ecdsa公、私钥

    我的个人博客 逐步前行STEP 1 生成ecdsa私钥 openssl ecparam name prime256v1 genkey noout out prime256v1 key pem 2 从ecdsa私钥提取公钥 openssl p

  • windows下anaconda3安装MySQLdb

    本文转自Windows下python3 6 安装MySQLdb 首先需要下载windows版本的mysqlclient 原作者给出了其中一个版本的下载链接 下载之后 放到合适的文件目录中 然后打开anaconda自带的Anaconda Pr

  • java使用switch语句完成输入1~12之间的整数，显示该月份的英语单词及这个月属第几季度。

    1 程序代码如下 package java实训 import java util Scanner public class SJ4 public static void main String args Scanner input new

  • AI Cloud将百花齐放，青云科技已先走了一步

    三年前 国家超级计算济南中心 济南超算 悄悄干了一件大事 投资数十亿元致力于打造一个融HPC超算 传统云计算 以CPU为主 和智算 以GPU为主 为一体的多元算力中心 这就需要一个统一的并且可以对外开放的运维和运营平台 那时还在打磨阶段的青

  • python注释快捷键 引号注释快捷键 注释字体样式调整

    python注释快捷键分为两种 单行注释 单行注释快捷键是CTRL list red green blue yellow white black print list 0 print list 1 print list 2 list red

  • VS E2996 错误过多，导致IntelliSense引擎无法正常工作。其中一些错误可能在编辑器中不可见。代码没有提示

    一 错误的问题描述 二 这个问题导致的后果 后面程序中用到的很多都会显示找不到定义 三 说实话这个问题真的很坑 由于我更换了我程序的工作电脑 我在VS中属性管理器中重新配置了头文件和对应的库目录 但是这里我犯了一个小错误 就是我更换的时候

  • QT开发技巧之QTableWidget设置表头颜色字体

    1 默认的表头和内容背景字体一样不好区别 可以通过qss设置修改表头样式 2 修改后效果如下 qss代码 表格头背景色 QHeaderView section background rgb 128 255 255 font family 宋

  • vue引入阿里图标 Module parse failed: Unexpected character '�' (1:0)

    操作根据文章 https blog csdn net qq 32113629 article details 79740949 在自己跟着试了一下后报错 Module parse failed Unexpected character 1

热门标签