小编yoy*_*oyo的帖子

我最近开始在 next.js 项目中使用模块，但在新创建的 .module.scss 文件中不断收到此错误：“Selector ":root" is not pure（纯选择器必须包含至少一个本地选择器）类或 ID）”。我知道这是因为我没有使用纯 css 选择器，就像我在网上其他地方看到的那样，唯一的问题是我正在使用的导入，但我需要这些变量的导入，如$cl-light-gray下面的示例文件所示：

@import "src/common/styles/global-styles.scss";
@import "node_modules/bootstrap/scss/bootstrap";
@import "src/common/styles/palette.scss";
@import "src/common/styles/typography.scss";

.dashboard-dropdown-hover {
  @extend .px-1;
  @extend .py-2;
  @extend .mt-3;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: 200ms;
  background-color: transparent;
}
.dashboard-dropdown-hover:hover {
  background-color: $cl-light-gray;
}

有谁能解决我应该如何解决这个导入问题？我知道如果我切换回 .scss 它将起作用，但我试图避免导入 _app.tsx 中的所有 .scss 文件，因为这将至少有 30 个导入，而且这些样式并不打算是全局的。最后，当我使用 Sass 时，为什么 Next.js 期望我使用纯 css 选择器，而使用 Sass 是因为它的非纯元素？

每当我运行 react-native start 时，我都会收到此错误，但是在我在节点模块中安装了 firebase-tools 和 stripe 之后，最近才开始发生这种情况，但在此之前它会运行得很好，这里也是错误的堆栈跟踪：

::ffff:127.0.0.1 - - [22/Mar/2020:19:59:30 +0000] "GET /index.bundle?platform=android&dev=true&minify=false HTTP/1.1" 500 - "-" "okhttp/3.12.1"
error: bundling failed: TypeError: Cannot read property 'transformFile' of undefined
    at C:\Users\me\Project\node_modules\react-native\node_modules\@react-native-community\cli\node_modules\metro\src\Bundler.js:87:34
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\me\Project\node_modules\react-native\node_modules\@react-native-community\cli\node_modules\metro\src\Bundler.js:14:24)
    at _next (C:\Users\me\Project\node_modules\react-native\node_modules\@react-native-community\cli\node_modules\metro\src\Bundler.js:34:9)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)

这是我的 package.json：

{
  "name": "Project",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "card-validator": "6.2.0",
    "firebase-tools": "7.15.1",
    "jetifier": "^1.6.5",
    "prop-types": "15.7.2", …