这个错误提示是由于无法解析 '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>