其他分享
首页 > 其他分享> > SassError: Invalid css after ““;expected 1 selector or at-rule, was ‘import “****“‘

SassError: Invalid css after ““;expected 1 selector or at-rule, was ‘import “****“‘

作者:互联网

在给scss起别名时,页面一直报错:SassError: Invalid css after “”;expected 1 selector or at-rule, was 'import “****” 和一些其他的Sass错误,但是在我本地的开发中并没有报错,一旦在服务中使用就报错,晚上搜到的办法都无法解决我的问题,今天无意间找到了问题所在。原因是vue.config.js中文件别名配置时没配置好。


正确的代码: vue.config.js

const path = require('path')
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  chainWebpack:(config)=>{
    config.resolve.alias
    .set('@',resolve('src'))
    .set('style',resolve('src/assets/css'))
    //set第一个参数:设置的别名,第二个参数:设置的路径
  }
}

之前出了问题的:‘

function resolve (dir) {
  return path.join(__dirname, '../', dir)
}
module.exports = {
  chainWebpack:(config)=>{
    config.resolve.alias
    .set('@',resolve('./src'))
    .set('style',resolve('./src/assets/css'))
    //set第一个参数:设置的别名,第二个参数:设置的路径
  }
}

还是不能完全照网上的办法,记得动脑子找合适的啊!!

标签:src,set,SassError,after,Invalid,resolve,path,config,css
来源: https://blog.csdn.net/xiao_cheng_/article/details/121120899