vue 使用 @路径 引入 ，这个在项目 中 很常见； 项目 中 使用 引入 文件有时候路径比较深，需要 使用 "../../../xx.js"这种类似的路劲 引入 ，这种方式比较笨，可以 使用 webpack的别名alias配置来解决。 首先，先确定项目 中 是否有path模块： 如果没有path模块需要先安装path npm install path --save （1） vue -cli1， vue -cli2搭建的项目 以下为 vue .config.js配置 const path = require("path"); fun... 出现该问题的标志如下 控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html） 出现的原因及解决办法 第一种可能出现原因就是 引入 的静态文件在src文件夹内，这种的解决办法就是把资源 引入 静态资源的目录static 第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static，这种的解决办法更改配置文件，把对应的几个配置文件内的static更改为你自己所创建的静态资源目录，由于网上大多教程所改的地方都不够完全，还是会出现该问题， 以上情况就基本上成功了，如果@路径还不生效的话 ，看看自己的文件 中 是否 使用 了tsconfig.json文件， 如果有的话，需要在tsconfig.json 中 添加配置 "allowJs": true， 最后就成功啦！！！！！......... @开头的模块 ~开头的引用并非一个别名，而是可以将~后边的内容当做一个模块请求被解析，所以其后边甚至可以放一个node模块，进而实现更高级的功能（见下文），实现这一功能的是 vue -loader，在 vue -cli项目 中 已经内置了。 @则是一个真正的别名，可以通过 vue inspect命令查看当前webpack的配置： # 以下可以看到 @ 是一个别名 alias: {   在cli4 中 并没有像cli2 中 一样，拥有一个webpack.base.config.js文件,可以让我们直接写别名。 (以下仅仅是我所生效的配置，不同的可能不一样,因为我直接用网上的配置无效，所以摸索了一下，能正常运行) 创建 vue .config.js文件 没错，这个文件是和src在同一级目录下 配置文件 中 写入以下代码 const path = require('path');// 引入 path模块 function resolve(dir){ return path.join(__d declare module '*. vue ' { import { App, defineComponent } from ' vue ' const component: ReturnType<typeof defineComponent> & { install(app: App): void export default component 注:vu.. 1. 使用 npm install esri-loader --save 或者 yarn add esri-loader 2.在项目 中 需要加载地图的 vue 文件（组件） 中 引入 esri-loader import*... scoped 在组件 中 的style 使用 @import方式 引入 外部css，发现 引入 的css会污染到其他地方。即所谓的样式全局污染。不管加不加scoped都一样。 <style lang="scss" scoped> @import url("/style/index.scss") <style> 上面这种情况即时加入了scoped也无效，样式一样会污染到其他地方。 所以改写成src的方式 引入 。 <style lang="scss" src="/style/index.sc