2

我是 babel 的新手，并且在 react 中测试了一些东西，所以如果你能为你可以建议的方法提供更多的背景信息，那就太好了。谢谢

该应用程序是使用 react-app-rewired 创建的，一切正常，但是当我运行我的测试脚本react-app-rewired test时，它会抛出此错误

SyntaxError: C:\Users\kishan\Documents\GitHub\kp\client\src\components\DateTest\index.js: Support for the experimental syntax 'jsx' isn't currently enabled (219:5):

  217 | 
  218 |   return (
> 219 |     <div className="date-test-container">
      |     ^
  220 |       <input
  221 |         ref={inputRef}
  222 |         type="text"

Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation.
If you want to leave it as-is, add @babel/plugin-syntax-jsx (https://git.io/vb4yA) to the 'plugins' section to enable parsing.

测试文件：

const React = require('react');
const {shallow}  = require('enzyme')
const DateTest  = require('./') // component needs to be tested



it('should render date test component and check current month',()=>{
    // const wrapper = shallow(<DateTest />);
    // const month = wrapper.find('span.monthName').text();
    // expect(text).toEqual("March");
})

我尝试了什么： 可以在这里useBabelRc() from customize-cra查看文档

Causes your .babelrc (or .babelrc.js) file to be used, this is especially useful if you'd rather override the CRA babel configuration and make sure it is consumed both by yarn start and yarn test (along with yarn build).

//inside my config-overrides.js

module.exports = override(
  useBabelRc()
);

// inside my .babelrc

{
    "presets": [ "@babel/preset-react"]
}

但是得到与上面相同的错误

如果需要更多信息，请告诉我

4

0 回答 0