运行npm测试时，在aws-amplify style.css中出错

Question

运行npm测试时出现问题

C:\projects\Test\node_modules\@aws-amplify\ui\dist\style.css:13:root {^

错误：

SyntaxError: Unexpected token :

  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
  at Object.<anonymous> (node_modules/aws-amplify-react/src/Amplify-UI/Amplify-UI-Components-React.jsx:5:1)

下面是我的import语句

import Amplify from 'aws-amplify'; import { AuthPiece } from 'aws-amplify-react'; import { Auth, Logger, JS } from 'aws-amplify';

如果我注释掉style.css，它可以正常工作，没有任何错误。但是，当我提交代码时，如何才能消除这个问题，使其不会给其他人带来问题呢？

我已经检查了在不同的forums.But中提供的所有现有答案，这些答案对我不起作用。

Answer 1

我也遇到了这个问题，this thread帮助我解决了它。在我的例子中，我需要安装identity-obj-proxy包并将其映射到jest配置：

npm install --save-dev identity-obj-proxy

package.json

"jest": {
    "moduleNameMapper": {
      "\\.(css|less)$": "identity-obj-proxy"
    }
  }

我希望这能帮到你!