Javascript 通过生成scss模块编译网页包时出错
动态导入scss文件的规则 { 测试:/\.scss$/,, 使用:[ { 加载器:“样式加载器”, 选项:{ injectType:'linkTag', 插入:函数self { const[head,script]=document.queryselectoral'head,bundle'; head.insertBeforeself,脚本; } } }, { 加载器:“css加载器” }, { 加载器:“sass加载器”, 选项:{ 网页导入器:false } }, { 加载器:“文件加载器”, 选项:{ 名称:'[contenthash].css',, outputPath:“../../static/css”, publicPath:“/static/css” } } ] } 用于测试的脚本: 导入“../scss/p/services/uwu.scss” .thenstyle=> { 用法 } 我的scss文件的内容:Javascript 通过生成scss模块编译网页包时出错,javascript,webpack,sass,sass-loader,Javascript,Webpack,Sass,Sass Loader,动态导入scss文件的规则 { 测试:/\.scss$/,, 使用:[ { 加载器:“样式加载器”, 选项:{ injectType:'linkTag', 插入:函数self { const[head,script]=document.queryselectoral'head,bundle'; head.insertBeforeself,脚本; } } }, { 加载器:“css加载器” }, { 加载器:“sass加载器”, 选项:{ 网页导入器:false } }, { 加载器:“文件加载器
body
{
height: 100vh; width: 100vw;
background-color: red;
}
运行Web包时出现的错误:
ERROR in ./preset/scss/p/services/_.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--6-2!./node_modules/file-loader/dist/cjs.js??ref--6-3!./preset/scss/p/services/_.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "e": expected 1 selector or at-rule, was 'export default "/st'
on line 1 of E:\laravel\resources\assets\preset\scss\p\services\_.scss
>> export default "/static/css/5fefc2951114114edc21868f8866ac3d.css";
^
@ ./preset/scss/p/services/_.scss 2:26-213
@ ./preset/ts/main.ts
-------
我的需要:
有人能告诉我为什么我会出现这个错误,并告诉我一个修复它的方法吗?
提前感谢您它应该只使用导入“../scss/p/services/uu.scss”部分,而不需要任何回调我可以自行删除css加载程序规则,根据文件加载程序规则降级sass加载程序,并成功运行编译。看起来规则的顺序是以网页包装的方式计算的。而且您对导入'module.scss'的简单使用是正确的。谢谢