模块构建失败：@import“ style”; ^“ e”后的CSS无效：预期为1个选择器或规则，为'export default“ @im”

问题描述

我正在使用前端为vue的Rails应用程序。当我尝试运行Webpack服务器时，出现以下错误。我在堆栈溢出时了解到此问题，有人建议添加raw-loader，但这并不能解决我的问题。请帮助我解决此问题。

Module build failed: 
@import "style";
^
      Invalid CSS after "e": expected 1 selector or at-rule,was 'export default "@im'
      in /Users/weather/app/javascript/stylesheets/application.scss (line 1,column 1)

environment.js

const { environment } = require('@rails/webpacker')
const vue =  require('./loaders/vue')
environment.loaders.append('vue',vue)
environment.loaders.append('jshint',{
  test: /\.js$/,enforce: "pre",exclude: /node_modules/,use: [{
      loader: "jshint-loader"
  }]
});

environment.loaders.append('sass',{
  test: /\.(sass|scss)$/,use: [
    {
      loader: 'sass-loader'
    }
  ]
});

environment.loaders.append('raw',use: [
    {
      loader: 'raw-loader',}
  ]
});

const resolver = {
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.js'
    }
  }
};
environment.config.merge(resolver);

module.exports = environment;

application.scss

@import "style";
@import "top_menu";

style.sass

.dropdown-items
    font-weight: bold
    position: absolute
    background-color: red
    min-width: 130px
    z-index: 1

    a
      display: block
      color: white

      &:hover,&:focus
        text-decoration: none

top_menu.sass

.menu-top
    top: 2.9rem !important
    right: 7.3rem !important

    .menu-out
      right: 3em
      top: 1.5em

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）