开玩笑：“ SyntaxError：意外令牌{”

Question

This is a very simple alteration of the jest tutorial example for react DOM unit testing. I have a counter component and I want to test that it works. You can see my commit at the bottom.

Error: SyntaxError: Unexpected token {

There's only 2 { in the .test.js file and when I remove the jsx ={1} replacing it with ="1" , it doesn't remove the error. The other { is in the function call () => {

Update 1 (Response to Answer)

I have changed the .test.js file to test.tsx , and made a change to the counter component to allow strings removing the jsx {} and the only other { besides the function constructor.

https://github.com/Falieson/react15-meteor1.5-typescript2.4/commit/36a327e79700b5532258f7fb8a171122ed260329

Update 2

I've discovered through trying to expose this issue that this error is only happening on my work machine, and not my personal developer machine. Here's the code that works on my machine but not on my work machine. https://github.com/Falieson/react-typescript-meteor

Update 3 I don't get any problems from jest when I run npm run test:jest but when I run meteor npm run test:jest I get this issue, going to go ask on the meteor boards .

Answer 1

Your tests are js files that are importing typescript ts files. According to your config you have

'^.+\\\\.jsx?$': 'babel-jest'

Which I guess will use the babel-jest parser instead of the typescript compiler. You will have to write your tests as ts files and let typescript do its magic.

Answer 2

对于遇到此问题的其他任何人，我建议将Meteor更新到最新的1.6-beta *，以便获得Node 8，而不是依赖Node4。正如OP中链接的meteor论坛线程中所讨论的那样，Node 4是问题所在。