Javascript 将CSS从node_模块导入JS模块会导致；“未定义”；生成的html中的类名

我正在使用Parcel，我可以成功地将CSS/SCSS文件导入我的React模块：

import * as styles from './my-component.css';
....
<div className= {`${styles.glory}`}>A text</div> // Which will be generated as <div class = "_glory_c5yp0">A text</div>

这里少了什么

---

My.Postssrc：

{
  "modules": true,
  "plugins": {
    "autoprefixer": {
      "grid": true,
    },
    "postcss-modules": {
      "camelCase": true
    }
  }
}

我的宝贝

{
  "presets": [
    "@babel/preset-react",
    "@babel/preset-env",
    [
      "@emotion/babel-preset-css-prop",
      {
        "sourceMap": false
      }
    ]
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    [
      "@babel/plugin-transform-runtime",
      {
        "regenerator": true
      }
    ]
  ]
}

package.json中没有什么特别之处。安装的软件包是

包裹插件类型的css模块

，

自动刷新器

，

@types/autoprefixe

，以及

postsss模块

在这里找到了解决方案： 这里：

简而言之，我需要在目录中有一个

.postsrc

文件：

{
  "modules": true,
  "plugins": {
    "autoprefixer": {
      "grid": true
    }
  }
}

---

猜一猜-试试~/bootstrap/dist/css/bootstrap.css'@Dominic Tilde symbol用于导入到css文件。它不适用于JS文件。不管怎么说，我试了一下，没有运气！啊，是的，真的错过了，是在JSK中。你找到解决这个问题的办法了吗@Hans？@rissk13检查我的答案

{
  "modules": true,
  "plugins": {
    "autoprefixer": {
      "grid": true
    }
  }
}