本文目录一览：
- 1、如何解决关于Vue背景图打包之后访问路径错误的问题
- 2、如何解决vue的语法规则检测报错的问题
- 3、vue中配置mint-ui报css错误如何解决
- 4、vue:src文件路径错误问题如何处理
- 5、vue如何解决循环引用组件报错的问题
- 6、webstorm和.vue中es6语法报错如何处理
如何解决关于Vue背景图打包之后访问路径错误的问题
1、案例环境通过vue-cli脚手架创建的vue项目在项目打包的时候遇到了背景图片路径出错的问题，经过谷歌一番，发现是在配置的时候对图片的限制大小过小造成的首先，出错点在url-loader上面。
2、我们首先来说部署到根目录下 就是比如：www.***.com找到项目中config文件夹下的index.js文件将文件中的assetsPublicPath： /，改成如下方框这样。
3、webpack打包以后，在dist文件中生成一个static的目录和一个index.html，会默认把图片路径改为static/img，这样的路径错误的取不到图片。
4、问题描述在项目开发中，当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题，控制台中提示某个图片没有找到（404错误），这些图片可以是以src引入的图片， 也可以是css中定义的背景图片。
5、打包后文件目录如下：可以看到背景图片的路径应该是../../static而实际却是/static，找到原因后就好解决了方法一查看build目录下webpack.base.conf.js的配置，图片文件会经过url-loader处理。
如何解决vue的语法规则检测报错的问题
webstorm中es6语法报错，解决方法：打开 Settings = Languages & Frameworks = Javascript把 Javascript Language version 改为 ECMAScript 6这样做所有的.js文件中es6不再报错，但是.vue文件中es6语法依然报错。
这里有两种方法。在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code？ 写 no；如果项目已经生成，我们可以这样。在项目中代开 bulid 文件夹下的 webpack.base.config.js 文件。
前提条件是已经有了vue项目，如果没有，请先建立安装stylus好了，建立好项目后我们来安装stylusnpm install stylus stylus-loader --save-dev这样就安装上了stylus。 接下来就可以使用了，使用方式分两种。
这种情况通常是因为VSCode的插件或者配置不正确，导致对Vue项目的语法检查有误。请尝试以下步骤来解决这个问题：确保你已经安装了Vetur插件。这是一个很受欢迎的Vue开发插件，可以支持Vue语法高亮、智能提示、代码补全等功能。
你可以尝试以下步骤来解决这个问题：打开 ./src/components/screen/ScreenMap.vue 文件并定位到第 1 行的第 6071 个字符处。检查这个位置附近的代码，看看是否有拼写错误或者缺少必要的符号。如果发现问题，修正它并保存文件。
所以能关闭是最好的了。关闭方法：在build/webpack.base.conf.js文件中，注释或者删除掉：module-rules中有关eslint的规则 然后重新运行一下npm run dev或者构建命令 npm run build就可以啦。
vue中配置mint-ui报css错误如何解决
删除 postcss-viewport-units 对象 这样运行就不会报错了。
一个vue文件可以写多个，加上socped代表本组件的样式，不污染全局。如果需要覆盖第三方组件样式，则不能加scoped，因此需要另写一个.xxx-component{...}，这里用一个大类包裹防止污染全局。
依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。这个组件库，适合于基于vue的手机页面开发。
在Chrome浏览器中的错误：报错的原因 不能解析sass-loader 解决办法：重新运行一下项目 npm run dev 好了 完美解决 Error： Cant resolve sass-loader in E：\Element-UI-master\src\components 的问题了。
去掉 scoped在父组件的 中去掉 scoped 后，父组件中可以书写子组件的样式，但是你会担心这样会污染全局样式。
这篇文章主要介绍了详解vue-cli 快速搭建单页应用之遇到的问题及解决办法，现在分享给大家，也给大家做个参考。
vue:src文件路径错误问题如何处理
1、简单就是说存放第三方文件的地方，不会被webpack解析。他会直接被复制到最终的打包目录(默认是dist/static)下。
2、解决方法 通过import的方法将图片源路径引入 这也是我这次重构遇到这个问题用的方法。 通过import的方法将图片源路径引入，这里使用相对路径。
3、我们首先来说部署到根目录下 就是比如：www.***.com找到项目中config文件夹下的index.js文件将文件中的assetsPublicPath： /，改成如下方框这样。
4、案例环境通过vue-cli脚手架创建的vue项目在项目打包的时候遇到了背景图片路径出错的问题，经过谷歌一番，发现是在配置的时候对图片的限制大小过小造成的首先，出错点在url-loader上面。
5、此时后端传递过来的的图片地址，在浏览器中打开是无法获取到图片时，由于flex布局的原因，导致后面的元素先前顶，占据原来图片的位置。
vue如何解决循环引用组件报错的问题
通过import，selFile代码，修改vue组件的data引用方式即可。
应该是A文件里面import B，B文件里面有import A导致的，所以为了打断这种循环调用，把A组件调用写到main.js里面，做成公共组件。
这个也需要检查一下，但是我这边是没有这样的问题的，再查资料发现，有组件循环引用的问题：循环调用组件时，组件比vue实例后创建，官方文档中提到组件必须先于实例化引入。所以是引入的问题。
为了查缺补漏，照着官方文档撸一个DEMO：组件之间的循环引用本人的运行版本为 vue-cli@1，启用项目后，将以下 js 文件和 vue 文件放置在相应的目录中运行。
vue中的ref在遍历中调用子组件方法报错，如下 是因为当 ref 和 v-for 一起使用的时候，得到的 ref 是一个包含了对应数据源的这些子组件的数组。导致找不到这个报错。
组件，启动项目报错如下：运行 yarn add less less-loader -D 安装依赖后运行 yarn serve 报错如下，是由于 less-loader 版本过高导致的问题。
webstorm和.vue中es6语法报错如何处理
1、下面就是在WebStorm设置SASS的File Watchers的步骤： 安装Ruby ，去这里下载，然后安装。 安装Sass 安装好Ruby后，打开CMD命令，输入：gem install sass 注意：这里有可能安装没反应或提示网络错误什么的。
2、） 我们一定要下载最新版本的3 webstorm，只有这个版本才能更好的兼容ES6特性。2）设置JavaScript语言版本：Preferences Languages & Frameworks JavaScript 3）设置自动转码工具。
3、这次给大家带来WebStorm ES6怎么使用babel，WebStorm ES6使用babel的注意事项有哪些，下面就是实战案例，一起来看一下。
4、vue支持打开 Settings = File Types 找到 HTML 添加 *.vue这样vue文件就相当于html文件，可以编辑css，js，也都有智能提示。我一般用的是 es6 ，所以vue写es6的代码，webstorm还是会报错。
5、在安卓低版本手机（版本1）上白屏问题，在问题机型后复现问题后发现报错。
6、关于红色框的问题.Editor -- Colors & Fonts -- General -- Code-- Injected lauguage fragment 右边 它的background 去掉对勾。
