当前位置: 首页 > 知识库问答 >
问题:

scss不能与vue3应用程序一起工作(TypeError:this.getOptions不是函数)

翟元凯
2023-03-14

我正在尝试使用vue3应用程序中的scss。我有以下错误。

./src/components/singlepost.vue?vue&type=style&index=0&id=164ef990&lang=scss(./node_modules/css-loader/dist/cjs.js??ref-8-One of-1-1!/node_modules/vue-loader-v16/dist/stylepostloader.js!/node_modules/postcss-loader/src??ref-8-One of-1-2!/node_modules/sass-loader/dist/cjs.js??

我遵循了https://vue-loader.vuejs.org/guide/pre-processors.html页面上给出的说明。我正在使用vue-cli-service serve启动服务器。singlepost.vue中的代码如下所示,我不确定如果使用此命令启动服务,是否需要创建webpack.config.js文件

<style lang="scss">
.btn {
    &,
    &:link,
    &:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.5rem 4rem;
    display: inline-block;
    border-radius: 10rem;
    transition: all .3s;
    position: relative;
    //  
    }
.....etc etc 
</style>

请指导我,我是网页开发的新手。

共有1个答案

简宏义
2023-03-14

这两套方案解决了这个问题,

"node-sass": "^4.0.0",
"sass-loader": "^7.0.0"
 类似资料:
  • 根据它的Javadoc,将生成,其中的第一个值是subscribe和第一个next信号之间的经过时间。 以下测试不起作用 它将抛出异常: 我原以为经过的时间至少是1000ms,但结果只有11ms。

  • pom.xml版本信息: SpringFox-Swagger2:2.5.0 昂首阔步-核心:1.5.10 springfox-swagger-ui:2.6.1 Springboot:1.5.3 我有一个项目与swagger2和Springboot。 没有@Aspect的项目代码工作得很好。 正确的结果: 但是当我添加以下代码时,swagger-ui没有显示test-api-impl。 swagge

  • Selenium版本:2.41.0(作为Nuget包安装)OS:Windows7浏览器:Firefox浏览器版本:32

  • 为了我的研究,我在firefox中做了一些源代码修改并自己构建。为了自动化测试,我选择使用Selenium,但不幸的是,我新构建的Firefox似乎不支持Selenium。 我做了以下工作: Firefox确实会打开并且响应迅速(我可以在搜索栏中输入一个网站)。但过了一段时间,python脚本崩溃,出现以下错误消息: 我在谷歌搜索了那个错误消息,并且大多数解决方案都建议我应该更新Selenium,

  • 我试图构建的是一个spring-boot(V1.2.3)应用程序,并使用SpringFox(swagger2)V2.0.0公开我的Rest API 我的大摇大摆的Spring配置 以下是如果不使用: 有没有一个解决方案来创建一个正确的、没有价值和逃避的大摇大摆的JSON?