react-flexbox-grid在node_modules测试中出现错误如何解决

Question

我使用的是react 16.6.3，react-flexbox-grid 2.1.2和webpack版本4.25.1，测试用例是jest 23.6和酶。在运行我的测试时，我得到了以下错误：

/home/sanju/Quizetencyplayground/quizetencyplatform/webapp/node_modules/flexboxgrid2/flexboxgrid2.css:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){.container {
                                                                                         ^

SyntaxError: Unexpected token .

  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
  at Object.<anonymous> (node_modules/react-flexbox-grid/lib/classNames.js:8:20)

谁能告诉我为什么它是如何删除的解决方案

Answer 1

看起来Webpack不知道如何处理CSS文件。

你可能需要添加一个像this one这样的CSS加载器。

如果你有选择的话，我建议你使用create-react-app，这样你就不需要配置Webpack了。