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 1)

@ ./src/modules/a/index.js 9:0-34
@ multi (webpack)-dev-server/client?http://localhost:8086 webpack/hot/dev-server ./src/modules/a/index.js

处理步骤:

  将webpack.base.config.js scss配置

原代码为:

{
    test: /\.scss$/,
    loader: ‘sass-loader!style-loader!css-loader‘,
}

改为

{
    test: /\.scss$/,
    use:[
        ‘style-loader‘,
        ‘css-loader‘,
        {
            loader: ‘sass-loader‘,
            options: {
                indentedSyntax: true
            }
        }
    ]
}

2.重新执行项目继续报错

Module build failed:
@import "./reset.scss";
^
      Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi"
      in /Users/zhangrui/jinmao/new/src/assets/styles/app.scss (line 1, column 1)

@ ./src/assets/styles/app.scss 2:26-435
@ ./src/modules/a/index.js
@ multi (webpack)-dev-server/client?http://localhost:8086 webpack/hot/dev-server ./src/modules/a/index.js

报错原因:

  因为utils.js已经加载了scss,重复加载会有问题

处理步骤:  

  最终代码为删除就可以了

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

原文地址:https://www.cnblogs.com/dekevin/p/12332746.html

时间: 2024-08-07 05:36:46

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

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

eclipse 不编译class文件了,或者是报错Unbound classpath container: 'JRE System Library

在Problems里报错Description Resource Path Location Type Unbound classpath container: 'JRE System Library [jdk1.6.0_21]' in project 'EHMS' EHMS Build path Build Path Problem 启动的时候还起不来会报一些加载不到类的错误,还好通过网上找到了解决的方法,所以记录下来. 错误图如下: 翻译:未绑定的类路径容器: JRE 系统库 [jre1.6

插入图片后R文件变红,报错“Error::app:mergeDebugResources'. > Some file crunching failed, see logs for detail”

本想做一个有爱的小东西,插入图片后发现原本之前运行成功的程序, 出现了报错“:app:mergeDebugResources'. > Some file crunching failed, see logs for detail” 一脸懵逼~~~这是什么鬼,在别人的回答和博客里找找解决办法. 不过对我好像不管用,找了好久才发现是图片的问题. 之前只是简单的在重命名的时候把图片改成“xx.png”,放在了app/src/main/res/drawable文件夹里(ps:目前每次我都是在复制图片再粘

nginx对PHP文件报File not found.错

问题描述 nginx对PHP文件报File not found.错 配置nginx+php5.4的时候,配置完成后,浏览器打开php文件就提示File not found.错误. 解决办法: fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name; 改成如下这句,即可 fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;

android studio中R文件变红并报错

昨天晚上碰到一个十分费解的问题,想分享一下,希望能帮到你. 以前用studio是R文件是不报错的.当你从其他程序拷过一些代码是会发现R文件会变红并且应用程序不能运行.除了R文件其他地方没有报错,只有app运行时会报错 . 这是因为当你从其他程序拷过一些代码.你的r文件中没有自动加载,这时你需要把那些报错的代码删除并重新在android studio中输入,这样你的应用程序就可以运行了.

用VS2015打开cshtml识图文件的时候会报错 如指定的文件不存在

用vs2015打开cshtml识图文件的时候会报错.百度后得到解决方法如下: 先关闭VS2015, 拷贝:%LocalAppData%\Microsoft\VisualStudio\14.0\ComponentModelCache 在C盘查找目录下的文件.3 然后删除vs2015安装目录下的ComponentModelCache删除,然后重新打开VS2015就可以了.

Flex读取txt文件中的内容报错

Flex读取txt文件中的内容 1.具体错误如下 2.错误原因 读取文件不存在 var file:File = new File(File.applicationDirectory.nativePath+"/phone.txt"); 3.解决办法 将文件导入进去 Flex读取txt文件中的内容报错

web.xml文件报错:cvc-complex-type.2.4.a: Invalid content was found starting with element 'init-param'.

cvc-complex-type.2.4.a: Invalid content was found starting with element 'init-param'. One of '{"http:// xmlns.jcp.org/xml/ns/javaee":enabled, "http://xmlns.jcp.org/xml/ns/javaee":async-supported, "http:// xmlns.jcp.org/xml/ns/java

POST提交时总是报错: {"errcode":40017,"errmsg":"invalid button type"} 解决办法

开发语言:java 开发内容:微信公众号 自定义菜单 开发该连接的项目:点击打开链接 http://blog.csdn.net/blognkliming/article/details/16803093 执行MenuManage.java时报错: POST提交时总是报错:  {"errcode":40017,"errmsg":"invalid button type"} 网上找了很多资料,都没有解决问题.最后,在查看代码时发现,MenuManag