ember.js - Ember，PostCSS，SASS和@apply的问题

我试图在我的 Ember 应用程序中使用TailwindCSS，最终我使用了该附加组件来执行此操作。但不幸的是，其他一些附加组件要求将其“scss”文件包含在应用程序样式中。因此，我尝试添加“postcss-sass”以使其工作。但是它不想使用“@apply”命令。目前可以使用postcss和sass和@apply命令吗？

我的ember-cli-build.js:

postcssOptions: {
      compile: {
        extension: 'scss',
        enabled: true,
        parser: require('postcss-scss'),
        plugins: [
          {
            module: require('@csstools/postcss-sass'),
            options: {
              includePaths: ['node_modules']
            }
          },
          require('tailwindcss')('./app/tailwind/config.js'),
          ...isProduction ? [purgeCSS] : []
        ]
      }
    }

我收到一个错误:UnhandledPromiseRejectionWarning: Error: Invalid mapping: {"generated":{"line":53,"column":-1},"source":"../../out-338-broccoli_merge_trees_full_application/app/styles/app.scss","original":{"line":52,"column":25},"name":null}
这正是@apply第一次出现的地方。

最佳答案

原来问题出在“app.scss”中缺少分号。当它是纯CSS时，它工作正常，而当我将其转换为SASS时，它停止工作。

关于ember.js - Ember，PostCSS，SASS和@apply的问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60250966/