vue3.0在main.js中引入.scss文件报错

写入.scss文件在mian.js中 import ‘./styles/index.scss‘后出现上图报错

解决方案:

在vue.config.js文件中添加以下代码

module.exports = {

 css: {

  loaderOptions: {

   sass: {

     data: `@import "@/style/index.scss";`

   }

  }

 }

}

原文地址:https://www.cnblogs.com/jmwei/p/10196554.html

时间: 2024-10-08 22:01:55

vue3.0在main.js中引入.scss文件报错的相关文章

jS Ajax 上传文件报错"Uncaught TypeError: Illegal invocation"

jS Ajax 上传文件报错"Uncaught TypeError: Illegal invocation" query-3.1.1.min.js:4 Uncaught TypeError: Illegal invocation 错误原因: jQuery Ajax 上传文件处理方式, 使用ajax向后台发送数据时其中的图片数据的参数类型为file,属于对象,而不是一个字符串值.导致错误的出现 var formData = new FormData(); formData.append(

scss文件报错处理 (报错信息Invalid CSS after "v": expected 1 selector or at-rule, was 'var api = require)

error in ./src/assets/styles/app.scss Module build failed: @import "./reset.scss"; ^ Invalid CSS after "v": expected 1 selector or at-rule, was 'var api = require("' in /Users/aa/demo/new/src/assets/styles/app.scss (line 1, column

eclipse引入jquery文件报错解决

以下内容是小编给大家带来的关于Eclipse引入jquery报错如何解决的全部叙述,具体内容如下所示: 第一步: 去除eclipse的JS验证: 将windows->preference->Java Script->Validator->Errors/Warnings-> Enable Javascript Sematic validation前面的勾去掉; 第二步: 右键项目 -> properties -> Builders 去掉JavaScript Vali

maven中引入oracle驱动报错Missing artifact com.oracle:ojdbc14:jar:10.2.0.4.0

问题:引入依赖之后会报错. 1.首先我们要去下载一个oracle的驱动jar包,ojdbc6.jar(我这里本机安装了oracle,所以在oracle安装目录 F:\app\zyh\product\11.1.0\db_1\jdbc\lib 目录下会有驱动的jar包,如果你没有安装oracle,那么可以从官网上下载jar包,反正就是必须要先有一个ojdbc6.jar,只要搞到就行了). 2.以我本机为例子,打开命令提示符(cmd),进入ojdbc6.jar所在目录,在我这里就进入F:\app\zy

webpack2.0 引入.css文件报错解决方法

main.js文件引入 import './my-style.css' webpack.config.js 文件 之后莫名其妙报错: 解决方法 注意 先style再css,顺序问题,一定不能颠倒 { test: /\.css$/, loader: 'style-loader!css-loader' } 原因是应该是版本迭代的问题

maven中引入oracle驱动报错Missing artifact com.oracle:ojdbc14:jar

maven中央库中查找ojdbc14 ,复制依赖,maven项目中引入ojdbc14 来回折腾,加仓库镜像,各种修改setting.xml 文件 就是不行,后来看到一位网友博客,MMP Oracle 收费的 去官方下载一个 放到自己的repository对应的文件夹下 解决 原文地址:https://www.cnblogs.com/smokerBig/p/9454541.html

vue引入css文件报错Unrecognised input

一个vue项目中用到了swiper插件,引入swiper.css时报错 显示引入的css文件Unrecognised input ,在文件的line4,column12 . 其实是引入位置不对,样式文件应该在style标签中引入而不是script下引入 解决问题! 原文地址:https://www.cnblogs.com/changzz/p/10478597.html

FrameWork模型中引入宏函数报错解决方法

如下图在Framework的一个简单维度中加入宏函数 解决办法如下图 step1: step2: PS :Cognos 10.1.1中 在cognos connection中创建数据源,为什么没有odbc的选项,只有一种查询方式

Semi-colon expected (eclipse 引入 json文件报错)

最近做的项目用到的前端框架有一个json文件夹,里面全是json文件,所以导入Eclipse的时候会在整个项目上都是红叉,但是其实不影响项目运行的,之前忙着码代码也没时间管他,这个红叉存留了一个月!今天完成了一个功能越看这个红叉越不顺眼,于是开始折腾了. ①错误原因: 原来是因为Eclipse会自动帮我们校验js文件,发现格式不支持,自然就报错了.   ②解决方案: window--preference--搜索validation--选择级别比较高的这个(如下)--将javaScript Val