../../../../node_modules/css-loader
时间: 2023-10-05 13:13:37 浏览: 181
node组件node-sass、sass-loader
从提供的引用内容来看,问题是关于在Vue.js项目中引入global.scss文件时报错的原因。根据引用,在Vue文件中使用@import引入global.scss文件会报错,而在main.js中引入global.scss则没有问题。这可能是因为在Vue文件中的引入路径不正确或者配置文件中缺少必要的设置。
为了解决这个问题,你可以尝试以下几个步骤:
1. 检查引入路径:确认在Vue文件中使用@import引入global.scss文件时的路径是否正确。确保相对路径的正确性,尤其是对于使用`../../../../`这种相对路径的情况。
2. 检查配置文件:检查webpack配置文件(如webpack.base.conf.js、webpack.client.conf.js、webpack.server.conf.js等)以及vue-loader配置文件(如vue-loader.conf.js)中是否有对scss文件的处理配置。确保正确使用了css-loader和sass-loader等相关loader,并且配置了正确的include/exclude选项。
3. 检查依赖版本:确认你所使用的sass-loader、css-loader和node-sass等相关依赖的版本是否与Vue.js项目兼容。有时候不同版本的依赖之间可能存在兼容性问题。
如果以上步骤都没有解决问题,你可以尝试参考引用中的做法,直接将reset.css文件后缀名改为.scss,并在global.scss中直接引入reset.scss文件。
阅读全文