03稍微编辑app.vue就出错的解决方法

这个错误提示是由于无法解析 'sass-loader' 模块导致的。要解决这个问题,需要确保 'sass-loader' 已经安装并正确配置。

首先,检查项目中是否已经安装了 'sass-loader'。可以在项目根目录下的 package.json 文件中查看项目的依赖项。如果没有 'sass-loader' 的依赖项,需要在项目根目录下运行以下命令来安装它:

pm install sass-loader node-sass --save-dev 

接下来,需要在项目的 webpack 配置文件(通常是 webpack.config.js 或 vue.config.js)中找到关于样式加载的配置。确保在加载样式的配置中添加 sass-loader。例如,如果使用的是 vue-cli 创建的项目,可以在 vue.config.js 文件中找到 css 相关的配置,然后将 sass-loader 添加到 prependData 选项中,如下所示:

module.exports = { css: { loaderOptions: { sass: { prependData: `@import "~@/styles/variables.scss";` } } } }; 

最后,重新启动项目,看看是否仍然存在错误。如果仍然存在问题,请检查其他可能的配置错误,并确保项目的依赖项和配置正确设置。

发现第二个问题,笔误,少写了一点点东西,应该如下:

<template>
  <router-view/>
</template>

<style lang="scss">
*{
  margin:0;
  padding:0
}
</style>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值