質問: jestとreactおよびcssファイルのインポートを伴うsyntaxerror react and babel。)で最初のjestテストに合格しようとしています。次のエラーが表示されます。 syntaxerror:/users/manueldupont/test/avid-sibelius-publishing-viewer/src/components/transportbutton/transportbutton.less:予期しないトークン > 7 | @import '../variables.css'; | ^ jestのpackage.jsonの構成は次のようになります。"babel": { "presets": [ "es2015", "react" ], "plugins": [ "syntax-class-properties", "transform-class-properties" ] }, "jest": { "modulenamemapper": { "^image![a-za-z0-9$_-]+$": "globalimagestub", "^[./a-za-z0-9$_-]+\\.png$": "relativeimagestub" }, "testpathignorepatterns": [ "/node_modules/" ], "collectcoverage": true, "verbose": true, "modulepathignorepatterns": [ "rpmbuild" ], "unmockedmodulepathpatterns": [ "<rootdir>/node_modules/react/", "<rootdir>/node_modules/react-dom/", "<rootdir>/node_modules/react-addons-test-utils/", "<rootdir>/node_modules/fbjs", "<rootdir>/node_modules/core-js" ] }, だから私は何が欠けていますか?
回答: 同様の状況で、identity-object-proxyをインストールし、それをcssのjest configに追加することでうまくいきました。//jest.config.js module.exports = { modulenamemapper: { "\\.(css|sass)$": "identity-obj-proxy", }, }; 私が見ていた特定のエラー:jest encountered an unexpected token /users/foo/projects/crepl/components/atoms/button/styles.css:1 ({"object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){.button { } ^ syntaxerror: unexpected token . 1 | import react from 'react'; > 2 | import styles from './styles.css';