vue使用CSS插件scss时代码报红

记录vue中使用scss报红但是不影响css样式，代码行会提示css-rcurlyexpected这个问题

遇到scss错误 是因为用到<style lang="scss">的话不能解析sass-loader 安装node-sass、sass-loader npm install sass-loader@7.3.1 --save-dev npm install node-sass@4.11.0 --save npm install style-loader --save 有些的版本过高也会报错，试验过后上面的我的可以正常使用。 在build/webpack.base.config.js添加配置

先不要着急重装scss，试一试搞一下vs的设计，毕竟这是vs的问题。打开设置，搜索html，把这个东西给关掉就行。但这个对于网站来说没有影响，没有报错；

方法一：直接getElementById修改。 <template> <div> <ul> <li v-for="item,index in message" :id="index" v-on:click="change(index)">{{item}}</li> </ul> </div> </template> <script> export default { data

一、使用sass/scss工具，安装依赖 1、安装依赖 如果是 常规 的，执行 npm install style-loader css-loader style-loader --save-dev 安装依赖就行。 如果是 less 的，执行 npm install less less-loader --save-dev 安装依赖就行。 如果是 sass 的，执行 npm install sass sass-loader --save-dev 安装依赖就行。 如果都用，可以全部安装，但是在安装sass要注意

解决方法： 在VSCode扩展中安装vetur 插件 鼠标右击vetur插件图标，在菜单中点击‘扩展设置’，打开设置页面 找到并点击“在settings.json”中编辑，打开‘settings.json’页面 找到"files.associations":选项，将其修改为“vue”：“vue” 如果没有这个选项，可以自己添加。 ...

解决办法： 1.安装vetur插件 2.在settings.json中写入"files.associations": { "*.vue": "vue" }

转载地址 在 App.vue 下使用 scss 语法报错： 解决方法： 安装以下依赖就可以了，vue-cli默认没有scss-loader,scss-loader又需要node-sass，只安装scss-loader是不行的。另外webpack就不需要配置了，因为vue-cli会帮你配置安装的loader 输入如下命令： npm install node-sass --save npm install sass-loader@7.3.1 --save-dev npm install scss-loader

环境：图片资源放在tomcat服务器上，vue获取到图片名后拼接路径访问 一般的拼接方式： :src="`http://localhost:8090/ShopMallApi/img/${i.PRO_IMAGES}`" src前面千万别漏了冒号，上面双引号里面的那符号是tab键上面那个，可别搞错了。 问题：之前一直都是用这种方式拼接路径的，也没有问题，突然之间就什么都访问不到了。检查路径发现路径变成了 http://localhost:8090/ShopMallApi/img/undefined

在使用的时候这样导入会出现如上的错误。在使用的时候，导入的类型也没有对应的代码提示，说明导入有问题。

vue 使用import引入路径时，不影响项目正常运行，但是文件爆红，影响美观

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

话不多说! 直接上图片代码, 以及最后的恍然大悟,粗心大意! 就比如说出现下例 这种恶心报错! Expected space or tab after ‘//’ in comment 这句话的意思 注释中“ //”后的预期空格或制表符 报错的地方我教你看: 它说在你的 G:\就业班视频\移动端黑马头条\toutiao-m\src\views\home\components\channel-edit.vue 这些文件夹里面的 channel-edit.vue 页面报的错 下面有个 137: