Jest: ES6 मॉड्यूल के लिए अप्रत्याशित टोकन आयात

मेरे पास रिएक्ट-नेटिव और जेस्ट के साथ यही समस्या है,
यदि आप इसके साथ एक नई परियोजना शुरू करते हैं:
प्रतिक्रिया देशी init AwesomeProject
सीडी विस्मयकारीपरियोजना

फिर एक मॉड्यूल स्थापित करें जैसे npm देशी-आधार स्थापित करें --save
देशी-आधार से किसी भी घटक को अपनी index.ios.js फ़ाइल में आयात करें

npm परीक्षण इस त्रुटि को फेंक देगा:
../test/node_modules/native-base/index.js:4
'./Components/vendor/react-native-drawer' से दराज आयात करें;
^^^^^^
सिंटैक्स त्रुटि: अनपेक्षित टोकन आयात

देखें http://facebook.github.io/jest/docs/tutorial-react-native.html#transformignorepatterns -customization

मुझे एक ही समस्या हो रही है, प्रदान किया गया लिंक @cpojer मदद नहीं करता है

नमस्ते! 'transformIgnorePatterns' करता है....mmmm...कि इसे अवश्य करना चाहिए - अनदेखा करना)
लेकिन मैं नोड_मॉड्यूल्स से पैकेज में उस आयात का उपयोग कैसे कर सकता हूं?

इस सहारा ने मेरी मदद की :)

{
  "jest": {
    "verbose": true,
    "moduleDirectories": ["node_modules", "src"]
  },
}

UPD1
वर्तमान में, मेरी जेस्ट config है:

"jest": {
    "verbose": true,
    "transform": {
      "^.+\\.js$": "babel-jest",
      "^.+\\.(css|scss|less)$": "jest-css-modules"
    },
    "globals": {
      "NODE_ENV": "test"
    },
    "moduleFileExtensions": [
      "js",
      "jsx"
    ],
    "moduleDirectories": [
      "node_modules",
      "src/frontend",
      "src/shared"
    ]
  },

... और यह मेरे लिए काम कर रहा है :)

सादर, पावेल ट्रीटीकोव

हाय दोस्तों, मुझे अभी भी इस समस्या का सामना करना पड़ रहा है, लेकिन मैं प्रतिक्रिया देशी का उपयोग नहीं कर रहा हूं। समस्या हमेशा jest --no-cache का उपयोग करके ठीक की जाती है। क्या इस त्रुटि को फेंके बिना कैशे का उपयोग करके जेस्ट काम करने का कोई तरीका है?

मैं अपने निर्माण-प्रतिक्रिया-ऐप एप्लिकेशन के साथ काम करने के लिए यह परिवर्तन नहीं प्राप्त कर सकता। ES6 आयात वाली किसी भी परीक्षण फ़ाइल पर हमेशा "अप्रत्याशित टोकन आयात" प्राप्त करें। मैंने उन सभी सुझावों का प्रयास किया है जो मुझे मिल सकते हैं। नो-कैश का कोई प्रभाव नहीं पड़ता है। मैं स्पष्ट रूप से इन फ़ाइलों को परिवर्तन से अनदेखा नहीं कर सकता (उन्हें रूपांतरित करने की आवश्यकता है!)

मैं हार मानता हूं। कोई भी आवश्यक जानकारी प्रदान करने में प्रसन्नता हो रही है।

ऐसा लगता है कि मैं भी इस मुद्दे का अनुभव कर रहा हूं।

मेरा भी यही विचार है

मेरा भी यही विचार है

आप सभी इस समस्या में भाग रहे हैं क्योंकि ES मॉड्यूल नोड में समर्थित नहीं हैं और जब आप उन्हें ब्राउज़र में भेज रहे हैं तो आपने जानबूझकर उन्हें अपनी बिल्ड पाइपलाइन (वेबपैक, रोलअप) के साथ संकलित करना बंद कर दिया है।

आपको अपने बेबलआरसी में "परीक्षण" एनवी के लिए ईएस मॉड्यूल से कॉमनजेएस में संकलन को सक्षम करने की आवश्यकता है, देखें https://babeljs.io/docs/usage/babelrc/#env -option और https://babeljs.io/docs/ प्लगइन्स/ट्रांसफॉर्म-एस2015-मॉड्यूल-कॉमनज/

{
  "env": {
    "production": {
      "plugins": ["transform-es2015-modules-commonjs"]
    }
  }
}

आपकी प्रतिक्रिया के लिए धन्यवाद, cpojer. कल मैंने अपनी नोड एनवी सेटिंग्स को हटा दिया और इसे डिफ़ॉल्ट नोड एनवी के साथ चलने दिया, क्योंकि जेस्ट विश्व स्तर पर काम कर रहा था, लेकिन नोड स्क्रिप्ट का उपयोग करते समय नहीं। यह इस मुद्दे को हल करने के लिए लग रहा था, इसलिए मेरा मानना ​​​​है कि मेरी समस्या नोड-एनवी सेटिंग्स के साथ थी। लेकिन यह अभी भी निगरानी के लिए कुछ है।

संपादित करें: यह बिल्कुल काम नहीं किया। @cpojer का फिक्स एक आकर्षण की तरह काम करता है। धन्यवाद।

@cpojer के फिक्स ने मेरे लिए काम किया, धन्यवाद

बहुत बढ़िया, मेरे लिए भी काम किया, धन्यवाद!

मैं अपने काफी सरल प्रतिक्रिया देशी ऐप में एक समान समस्या कर रहा हूं।

npm test या jest चलाते समय यह 'SyntaxError: Unexpected token import'

.बेबेलआरसी

{
"presets": ["react-native"]
}

.पैकेज.जेसन

{
  "name": "BeeAppy",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "babel-jest": "^20.0.3",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-react-native": "^2.0.0",
    "enzyme": "^2.8.2",
    "eslint": "^4.0.0",
    "eslint-plugin-react": "^7.1.0",
    "jest": "^20.0.4",
    "react-addons-test-utils": "^15.6.0",
    "react-dom": "^15.6.1",
    "react-test-renderer": "^16.0.0-alpha.6"
  },
  "scripts": {
    "start": "react-native start",
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "test": "node node_modules/jest/bin/jest.js --watch"
  },
  "jest": {
    "preset": "react-native"
  },
  "dependencies": {
    "react": "16.0.0-alpha.6",
    "react-native": "^0.44.0",
    "react-navigation": "^1.0.0-beta.11"
  }
}

क्या @cpojer द्वारा सुझाया गया env स्निपेट
क्षमा करें यदि यह वास्तव में स्पष्ट है!
कोई भी सहायता मददगार होगी, धन्यवाद

@JessicaBarclay इसे आपके .babelrc कॉन्फिगर में जाना चाहिए। इस कदर:

"env": {
          "development": {
                 "plugins": ["transform-es2015-modules-commonjs"]
          }
}

आह धन्यवाद @rlage ! क्रमबद्ध :)

एफडब्ल्यूआईडब्ल्यू, मैंने वास्तव में अपने .babelrc को सही presets और plugins के साथ सेट किया था, जैसे कि NODE_ENV=test को शामिल करना भूल गया था। package.json ।

इससे पहले, "अप्रत्याशित टोकन आयात" के साथ विफल:

"scripts": {
  ...
  "test": "jest",
}

फ़ाइलों को सफलतापूर्वक बदलने के बाद:

"scripts": {
  ...
  "test": "NODE_ENV=test jest",
}

@jlyman

जेस्ट दस्तावेज़ के आधार पर, इसकी आवश्यकता नहीं होनी चाहिए, क्योंकि जेस्ट डिफ़ॉल्ट रूप से परीक्षण करने के लिए NODE_ENV सेट करता है।

नोट: यदि आप अधिक जटिल Babel कॉन्फ़िगरेशन का उपयोग कर रहे हैं, तो Babel के env विकल्प का उपयोग करते हुए, ध्यान रखें कि Jest स्वचालित रूप से NODE_ENV को परीक्षण के रूप में परिभाषित करेगा। जब कोई NODE_ENV सेट नहीं होता है तो यह डिफ़ॉल्ट रूप से बैबेल जैसे विकास खंड का उपयोग नहीं करेगा।

यह .babelrc मेरे लिए काम करता है:

{"env": {
    "development": {
        "plugins": ["transform-es2015-modules-commonjs"]
    },
    "test": {
        "plugins": ["transform-es2015-modules-commonjs"]
    }
}}

नोट: यह अजीब लग रहा है, लेकिन विकास और परीक्षण कुंजियाँ दोनों मौजूद होनी चाहिए, अन्यथा यह काम नहीं करेगी।

तब मैं बस फोन करता हूं:

node_modules/.bin/jest

या package.json के साथ:

{"scripts": {"test": "jest"}}

परीक्षण के लिए NODE_ENV सेट करने की कोई आवश्यकता नहीं है।

@laszbalo दिलचस्प है, उस दूसरे env की उपस्थिति चाल चल रही है। अगर मैं विकास के माहौल में जोड़ता हूं और मेरी स्क्रिप्ट पर स्पष्ट NODE_ENV उपसर्ग निकालता हूं तो यह काम करता है। मैंने डॉक्स के उस हिस्से को भी पढ़ा था, लेकिन काम करने के बाद से उस समाधान के साथ समाप्त हो गया।

@jlyman दस्तावेज़ों में कौन सा समाधान?

@doudounannan क्षमा करें यदि यह स्पष्ट नहीं था। मैं जिस समाधान के साथ जा रहा था वह वही था जो मैंने यहां पोस्ट किया था । जैसे @laszbalo ने कहा, यह डॉक्स का उपयोग Babel के तहत कहता है , लेकिन या तो @laszbalo का समाधान या NODE_ENV test मेरा प्रत्यक्ष इंजेक्शन काम करता प्रतीत होता है।

अजीब तरह से जब मैं "transformIgnorePatterns": [ ] उपयोग करता हूं तो बेबेल मेरी परीक्षण की गई फाइलों को बदल देता है, लेकिन अगर मैं transformIgnorePatterns विकल्प को बाहर कर देता हूं तो बेबेल कुछ भी नहीं करता है... मेरे पास केवल परीक्षण के लिए एक सरल .babelrc है (मैं उत्पादन के लिए वेबपैक का उपयोग करें, लेकिन मज़ाक के परीक्षणों के लिए नहीं):

{
  "env": {
    "test": {
      "plugins": ["transform-es2015-modules-commonjs"]
    }
  }
}

मुझे यह विचार https://github.com/facebook/jest/issues/2550#issuecomment -290812720 से मिला क्योंकि #770 में और कुछ नहीं या यहाँ मदद करने के लिए लग रहा था ...

कोई फर्क नहीं पड़ता कि मैं क्या करता हूं, यह हमेशा वही त्रुटि होती है:

    /.../node_modules/@expo/react-native-action-sheet/ActionSheet.ios.js:3
    import React from 'react';
    ^^^^^^

    SyntaxError: Unexpected token import

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17)
      at Object.<anonymous> (node_modules/@expo/react-native-action-sheet/index.js:1:107)
      at Object.<anonymous> (node_modules/react-native-gifted-chat/src/GiftedChat.js:10:29)

{
  "env": {
    "production": {
      "plugins": ["transform-es2015-modules-commonjs"]
    },
    "development": {
      "plugins": ["transform-es2015-modules-commonjs"]
    },
    "test": {
      "plugins": ["transform-es2015-modules-commonjs"]
    }
  },
  "presets": [
    "react-native"
  ],
  "plugins": [
    ["module-resolver", {
            "cwd": "babelrc",
        }]
  ]
}

"jest": {
    "preset": "react-native",
    "setupFiles": [
        "./__tests__/setup.js"
    ],
    "testRegex": "/__tests__/.*\\.spec\\.js$"
}

मुझे एक ही समस्या हो रही है। मैंने अपने जेस्ट में निम्नलिखित जोड़ा:

"jest": {
     "preset": "react-native",
     "transformIgnorePatterns": [
          "node_modules/(?!react-native|react-navigation)/"
      ]
  }

और अब जब मैं जेस्ट चलाता हूं तो मुझे निम्न त्रुटि मिलती है:

ReferenceError: अज्ञात प्लगइन "ट्रांसफॉर्म-रिप्लेस-ऑब्जेक्ट-असाइन" में निर्दिष्ट "/Users/caalcaz/Documents/Projects/Enterprise-app/node_modules/enzyme/.babelrc" 0 पर, "/Users/caalcaz/ के सापेक्ष हल करने का प्रयास किया गया। दस्तावेज़/परियोजनाएं/एंटरप्राइज़-ऐप/नोड_मॉड्यूल्स/एंजाइम"

@calcazar आपके node_modules/enzyme/.babelrc में क्या है?

मैंने इसे बेबेल-जेस्ट _और_ टीएस-जेस्ट का उपयोग करके हल किया। पैकेज.जेसन में:

"jest": {
    "modulePaths": [
        "<rootDir>/src",
        "<rootDir>/node_modules"
    ],
    "globals": {
        "NODE_ENV": "test"
    },
    "verbose": true,
    "moduleFileExtensions": [
        "ts",
        "tsx",
        "js",
        "jsx",
        "json"
    ],
    "transform": {
        "^.+\\.jsx?$": "babel-jest",
        "^.+\\.tsx?$": "<rootDir>/node_modules/ts-jest/preprocessor.js"
    },
    "transformIgnorePatterns": ["/node_modules/(?!lodash-es)"], // <-- this allows babel to load only the node modules I need (which is lodash-es) and ignore the rest
    "testRegex": "test/.*\\.spec\\.ts$",
    "setupFiles": [
        "<rootDir>/test/jest-pretest.ts"
    ],
    "testEnvironment": "node",
    "moduleNameMapper": {
        "aurelia-(.*)": "<rootDir>/node_modules/$1"
    },
    // some coverage and results processing options
},

फिर .babelrc में (जिसे मैं केवल परीक्षण के लिए उपयोग करता हूं)

{
    "env": {
        "test": {
        "plugins": ["transform-es2015-modules-commonjs"]
        }
    }
}

उम्मीद है कि किसी की मदद करता है! (यह एक ऑरेलिया ऐप के लिए है इसलिए YMMV)

@ ThinkOfaNumber

मैं यही देखता हूं। एक FYI के रूप में मैं Enzyme V3.0 . चला रहा हूँ

{
  "presets": ["airbnb"],
  "plugins": [
    ["transform-replace-object-assign", "object.assign"],
  ],
}

@thinkOfaNumber अपना सुझाव पोस्ट करने के लिए धन्यवाद। मैंने इसका उपयोग यह पता लगाने के लिए किया कि जेस्ट में संकलित होने के लिए बाहरी पुस्तकालय से es6 मॉड्यूल कैसे प्राप्त करें। कुंजी यहाँ है

"jest": {
    "modulePaths": [
        "<rootDir>/src",
        "<rootDir>/node_modules"
    ],
    "transformIgnorePatterns": ["/node_modules/(?!lodash-es)"], // <-- this allows babel to load only the node modules I need (which is lodash-es) and ignore the rest

यह वह हिस्सा है जिसकी मुझे आवश्यकता है। बहुत - बहुत धन्यवाद!

@rochapablo उसी स्थान पर। कोइ भाग्य?

नहीं, अभी के लिए मैं विशिष्ट फ़ाइल परीक्षण को अनदेखा कर रहा हूं जो त्रुटि फेंकता है

निम्नलिखित। मेरे पास एक ही समस्या है और अब तक इसे हल करने के लिए कुछ भी नहीं लगता है।

अनुसरण भी

@rochapablo क्या आपने इस मुद्दे को हल करने में सफलता प्राप्त की है?
मैं उस घटक का परीक्षण भी नहीं कर सकता जिसमें GiftedChat एक बच्चे के रूप में समस्या के कारण आपने उल्लेख किया है ...

@todorone , जोड़ने का प्रयास करें:

"transformIgnorePatterns": [
      "node_modules/(?!react-native-gifted-chat)/"
]

@rochapablo संकेत के लिए धन्यवाद, लेकिन दुर्भाग्य से इससे मदद नहीं मिली। मैंने transformIgnorePatterns रेगेक्स के साथ आगे खेलने की भी कोशिश की लेकिन इससे कोई फायदा नहीं हुआ।

"transform": { "^.+\\.js$": "babel-jest", "^.+\\.jsx?$": "babel-jest" },
उपरोक्त को जेस्ट में जोड़ें

@rochapablo क्या आपने jest-expo प्रीसेट की कोशिश की है? कोइ भाग्य? मैं इसके साथ एक और वाक्यविन्यास समस्या में भाग गया & transformIgnorePatterns

अभी भी मेरे लिए काम नहीं करता है। मुझे लानत आयात त्रुटि मिलती है।

@testacode जो एक गतिशील import , क्या आपने आवश्यक बेबेल प्लगइन जोड़ा है? https://facebook.github.io/jest/docs/en/webpack.html#using -with-webpack-2 के नीचे देखें

@SimenB धन्यवाद, यही मैं याद कर रहा था!

यह रोचक है। कुछ हालिया अपडेट ने बेबेल-जेस्ट के स्वचालित जोड़ को हटा दिया। तो चल रहा है:

npm install babel-jest --save-dev

और कॉन्फ़िगरेशन में कुछ भी नहीं जोड़ने से मेरे लिए समस्या ठीक हो गई। मुझे लगता है कि यह एक त्रुटि संदेश में और अधिक स्पष्ट होना चाहिए कि इसे अब शामिल नहीं किया गया है ...

मैंने बस बेबेल-जेस्ट स्थापित करके हल किया:
npm i babel-jest

साथ ही, निम्न सामग्री के साथ .babelrc फ़ाइल बनाना न भूलें:

{
    "presets": ["env", "react"]
}

यह मेरे लिए काम करता है:

.babelrc :

{
    "presets": ["env", "stage-3"],
    "plugins": ["transform-class-properties"]
}

package.json :

"scripts": {
    "test": "jest --forceExit"
},
"devDependencies": {
    "babel-core": "^6.11.4",
    "babel-jest": "^21.2.0",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-preset-env": "^1.6.1",
    "babel-preset-stage-3": "^6.24.1",
    "jest": "^21.2.0"
}

@hqro इसने मेरे लिए काम किया, धन्यवाद

मेरे लिए, मेरे पास यह मेरी .babelrc फ़ाइल में था:

{
  "presets": ["react", ["env", { "modules": false }]],
  "plugins": [ ... ]
}

और मुझे केवल यह सुनिश्चित करने की आवश्यकता है कि "परीक्षण" पर्यावरण इसके बजाय मॉड्यूल का उपयोग करता है:

{
  "presets": ["react", ["env", { "modules": false }]],
  "plugins": [ ... ],
  "env": {
    "test": {
      "presets": ["react", "env"],
    }
  }
}

@nemoDreamer एक कॉन्फ़िगरेशन में प्लगइन्स और प्रीसेट को दोहराना बेहतर नहीं है

{
  "presets": ["react", ["env", { "modules": false }]],
  "plugins": [ ... ],
  "env": {
    "test": {
      "plugins": ["transform-es2015-modules-commonjs"],
    }
  }
}

मैं जो भी कोशिश करता हूं, मुझे एक त्रुटि मिली है।

> cross-env NODE_ENV=test jest --no-cache

 FAIL  src\views\Pay\__tests__\Pay.test.js
  ● Test suite failed to run

    C:\Users\***\Documents\Project\***\node_modules\ne-rc\lib\index.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import _Alert from './Alert';
                                                                                             ^^^^^^

    SyntaxError: Unexpected token import

      11 |  * <strong i="6">@param</strong> {Array<Object>} [data] 每一种分期的详细信息 data=[{},{}...]
      12 |  * <strong i="7">@param</strong> {Number} [defaultSelected] 默认选中的下标
    > 13 |  * <strong i="8">@param</strong> {Funtion} [onClick] 点击触发事件
      14 |  * <strong i="9">@param</strong> {Number} [columnNum] 一行有多少列
      15 |  *
      16 |  * <strong i="10">@example</strong>

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:316:17)
      at Object.<anonymous> (src/components/Installment/Installment.jsx:13:13)
      at Object.<anonymous> (src/components/Installment/index.js:8:20)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        3.693s

यहां मेरी कॉन्फ़िगरेशन फ़ाइलें हैं।

* .बेबेलआरसी *

{
  "presets": [
    [
      "env",
      {
        "modules": false
      }
    ],
    // webpack understands the native import syntax, and uses it for tree shaking

    "es2015",
    "stage-2",
    // Specifies what level of language features to doPay.

    // Stage 2 is "draft", 4 is finished, 0 is strawman.

    // See https://tc39.github.io/process-document/

    "react"
    // Transpile React components to JavaScript
  ],
  "env": {
    "test": {
      "presets": ["env", "react", "stage-2"],
      "plugins": [
        "transform-es2015-modules-commonjs"
      ]
    }
  }
}

पैकेज.जेसन

{
  "main": "index.js",
  "scripts": {
    "dev": "cross-env NODE_ENV=development node ./server/server.js",
    "api": "cross-env NODE_ENV=api node ./server/server.js",
    "clean": "rm -rf dist",
    "dist": "npm run clean && cross-env NODE_ENV=production webpack --config ./webpack/index.js --progress --colors",
    "online": "cross-env NODE_ENV=development node ./server/online.js",
    "lint": "node ./node_modules/eslint/bin/eslint.js ./src --fix",
    "test": "cross-env NODE_ENV=test jest --no-cache",
    "test:watch": "npm test --watch",
    "stats": "npm run clean && cross-env NODE_ENV=production webpack --config ./webpack/index.js --profile --json > stats.json",
    "gatest": "node ./service/gatest.js"
  },
  "pre-commit": [
    "lint"
  ],
  "jest": {
    "verbose": true,
    "modulePaths": [
      "<rootDir>/src",
      "<rootDir>/node_modules"
    ],
    "setupFiles": [
      "./test/setup.js"
    ],
    "moduleFileExtensions": [
      "js",
      "jsx",
      "json",
      "md"
    ],
    "moduleDirectories": [
      "node_modules"
    ],
    "testMatch": [
      "<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}",
      "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
    ],
    "transform": {
      "^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest",
      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
      "^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
    },
    "testEnvironment": "jsdom"
  },
  "devDependencies": {
    "asset-inject-html-webpack-plugin": "^0.9.1",
    "autoprefixer": "^7.1.3",
    "babel": "^6.23.0",
    "babel-core": "^6.26.0",
    "babel-eslint": "^8.2.1",
    "babel-jest": "^22.4.1",
    "babel-loader": "^7.1.2",
    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-jest": "^22.4.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "babel-register": "^6.26.0",
    "better-npm-run": "0.1.0",
    "body-parser": "^1.17.2",
    "chalk": "^2.1.0",
    "cross-env": "^5.0.5",
    "css-loader": "^0.28.5",
    "deepmerge": "^2.0.1",
    "enzyme": "^3.3.0",
    "eslint": "^4.5.0",
    "eslint-config-standard": "^11.0.0-beta.0",
    "eslint-config-standard-jsx": "^4.0.2",
    "eslint-plugin-import": "^2.2.0",
    "eslint-plugin-node": "^5.1.1",
    "eslint-plugin-promise": "^3.5.0",
    "eslint-plugin-react": "^7.3.0",
    "eslint-plugin-standard": "^3.0.1",
    "exports-loader": "^0.6.4",
    "express": "^4.15.4",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.6",
    "git-repo-info": "^1.4.1",
    "glob": "^7.1.2",
    "happypack": "^4.0.1",
    "html-loader": "^0.5.1",
    "html-webpack-plugin": "^2.30.1",
    "idb": "^2.0.4",
    "imports-loader": "^0.7.0",
    "jest": "^22.4.2",
    "lodash.range": "^3.2.0",
    "mocha": "^5.0.0",
    "node-sass": "^4.5.3",
    "node-xlsx": "^0.11.2",
    "postcss-loader": "^2.0.6",
    "pre-commit": "^1.2.2",
    "react-hot-loader": "^3.0.0-beta.6",
    "react-test-renderer": "^16.2.0",
    "redux-logger": "^3.0.6",
    "regenerator-runtime": "^0.11.1",
    "request": "^2.74.0",
    "require-reload": "^0.2.2",
    "rimraf": "^2.6.0",
    "sass-loader": "^6.0.6",
    "script-loader": "^0.7.0",
    "sinon": "^4.2.0",
    "style-loader": "^0.19.1",
    "uglify-js": "^3.0.28",
    "url-loader": "^0.6.2",
    "webpack": "^3.5.5",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-dev-middleware": "^2.0.4",
    "webpack-dev-server": "^2.7.1",
    "webpack-hot-middleware": "^2.18.2",
    "webpack-merge": "^4.1.0",
    "worker-loader": "^1.1.0"
  }
}

@kisnows https://stackoverflow.com/questions/46065371/reactjest-syntaxerror-unexpected-token-import
https://segmentfault.com/n/1330000012786721

प्रीसेट को .babelrc में सेट करते समय, सुनिश्चित करें कि "env" ब्रैकेट के बीच है ["env"] , इस तरह:

  "env": {
    "test": {
      "presets": [["env"], "stage-2"],
      "plugins": ["transform-es2015-modules-commonjs", "dynamic-import-node"]
    }
  }

खासकर यदि आपके कॉन्फ़िगरेशन में "modules: false" है।

साथ ही, डिफ़ॉल्ट रूप से, जेस्ट node_modules में फ़ाइलों को रूपांतरित नहीं करता है , cf https://facebook.github.io/jest/docs/en/configuration.html#transformignorepatterns -array-string

इसलिए कोई भी import ... node_modules फाइलों में काम नहीं करेगा। इसे अक्षम करने के लिए, आप जोड़ सकते हैं:

transformIgnorePatterns: []

आपके जेस्ट config.

उम्मीद है ये मदद करेगा!

@florentchauveau धन्यवाद, यह मेरे लिए काम करता है।

@todorone @rochapablo क्या आप लोगों को इसके लिए कोई समाधान मिला? मैं भी एक ही मुद्दे का सामना कर रहा हूँ-

    import * as React from 'react';
    ^^^^^^

    SyntaxError: Unexpected token import

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:316:17)
      at Object.<anonymous> (node_modules/@expo/react-native-action-sheet/index.js:1:107)

मुझे यह त्रुटि केवल घटकों के परीक्षणों पर मिल रही है
GiftedChat - https://github.com/FaridSafi/react-native-gifted-chat।
शायद ऐसा इसलिए है क्योंकि @expo/react-native-action-sheet को ES6 मॉड्यूल के रूप में शिप किया जा रहा है और GiftedChat आंतरिक रूप से इसका उपयोग कर रहा है? लेकिन jest / ts-jest (मुझे यकीन नहीं है) प्रीसेट जोड़े जाने पर इसे संभालना चाहिए। यहाँ मेरी जेस्ट विन्यास है -

    "jest": {
        "preset": "react-native",
        "moduleFileExtensions": [
            "ts",
            "tsx",
            "js"
        ],
        "transform": {
            "^.+\\.(js)$": "<rootDir>/node_modules/babel-jest",
            "\\.(ts|tsx)$": "<rootDir>/node_modules/ts-jest/preprocessor.js"
        },
        "transformIgnorePatterns": [
            "node_modules/(?!rn-placeholder|react-native|react-navigation|native-base|react-native-datepicker|native-base-shoutem-theme|@shoutem/animation|@shoutem/ui|tcomb-form-native)"
        ],
        "setupTestFrameworkScriptFile": "<rootDir>/src/__mocks__/Adapter.js",
        "testRegex": "(\\.(test|spec))\\.(ts|tsx|js)$",
        "testPathIgnorePatterns": [
            "\\.snap$",
            "<rootDir>/node_modules/",
            "<rootDir>/lib/"
        ],
        "moduleNameMapper": {
            "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/src/__mocks__/fileMock.js"
        },
        "cacheDirectory": ".jest/cache"
    },

और .babelrc -

{
    "presets": ["react-native"]
}

मैंने ऊपर वर्णित लगभग सभी समाधानों की कोशिश की है। उनमें से किसी ने भी मेरे परिदृश्य में काम नहीं किया। मदद की आवश्यकता।

@ omkarjoshi-cc उस समय मेरे लिए काम करने वाली एकमात्र चीज थी जिस पर मैं काम कर रहा था, वह पैकेज जोड़ना था जो त्रुटि को निकाल रहा था, जो मेरे मामले में था:

"transformIgnorePatterns": [
      "node_modules/(?!react-native-gifted-chat)/"
]

@rochapablo हाँ। मैं इसे करने की कोशिश की। काम नहीं किया। क्या कोई और चीज है जो गायब हो सकती है? यह वास्तव में निराशाजनक है

मैं बेबेल 7 का उपयोग कर रहा हूं और मुझे अभी भी "transformIgnorePatterns" के साथ कोई भाग्य नहीं था - कई अलग-अलग नियमित अभिव्यक्तियों की कोशिश की: /

मेरे पास मुद्दा यह है कि एक निर्भरता में मूल es6 वर्ग हैं, और मेरे पास मेरे स्रोत में एक वर्ग है जो इसे बढ़ाता है। चूंकि "es5 क्लासेस" को बैबेल द्वारा ट्रांसपिल्ड किया गया था, इसलिए यह एक देशी क्लास का विस्तार नहीं कर सकता है, मुझे जेस्ट में रनटाइम एरर मिलता है।

मुझे लगता है कि किसी भी तरह "बेबेल/प्रीसेट-एनवी" कोड को जेस्ट (लक्ष्य नोड) में कैसे स्थानांतरित किया जाता है, इस तरह से हो रहा है, जो ब्राउज़र लक्ष्यों का पालन नहीं कर सकता है, लेकिन फिर भी इसके बारे में निश्चित नहीं है।

क्या कोई जानता है कि .babelrc में 'वर्तमान-एनवी' का उपयोग करते समय ईएस 5 को जेस्ट के लिए कैसे मजबूर किया जाए?

एकमात्र समाधान जो मैं सोच सकता हूं वह है बेबेल-जेस्ट का उपयोग नहीं करना, वेबपैक के माध्यम से चलाना (जो बैबेल-लोडर का उपयोग करता है, और जिन नियमों को बदलने के लिए फाइलें मेरे लिए काम करती हैं), फिर जेस्ट चलाएं -> मैं webpack -w का उपयोग करने के बारे में सोच रहा हूं

जोड़ा जा रहा है

"transformIgnorePatterns": [
      "node_modules/(?!react-native-gifted-chat|@expo/react-native-action-sheet)"
]

मेरे लिए काम किया। @rochapablo . को धन्यवाद

मैं इस मुद्दे से जूझ रहा हूं। क्या मेरा आउटपुट फ़ोल्डर जिसका परीक्षण किया जा रहा है, import आदि के साथ ES6 सिंटैक्स होना चाहिए या इसका परीक्षण नहीं कर सकता है? मैं अपनी आउटपुट फ़ाइल/फ़ाइलों में कोई सामान्य नहीं देख रहा हूं (प्रतिक्रिया-मूल के साथ इसका उपयोग करके)

मुझे एक ही समस्या का सामना करना पड़ रहा है और यह पृष्ठ समस्या का समाधान करता है:
https://babeljs.io/docs/plugins/transform-es2015-modules-commonjs/

किसी कारण से, babel-jest बजाय, निम्नलिखित का उपयोग करके यह मेरे लिए काम करता है (स्पष्ट रूप से transformIgnorePatterns सम्मान करें)

"transform": {
      "^.+\\.(js|jsx|ts|tsx)$": "ts-jest-babel-7"
    }

बीटीडब्ल्यू इस मुद्दे को यहां फिर से खोला जाना चाहिए? कई लोगों को परेशानी का सामना करना पड़ रहा है

मेरे मामले में यह पता चला है कि यह समस्या मेरे बेबेल कॉन्फ़िगरेशन में परीक्षण फ़ाइलों को अनदेखा करने के कारण हुई थी। असंबंधित कारणों से मेरे .babelrc में "ignore": ["**/*.test.js"] था।

समाधान केवल उत्पादन वातावरण के लिए अनदेखा विकल्प सेट करना था, अर्थात:

"env": {
    "production": {
      "ignore": [
        "**/*.test.js"
      ]
    }
  }

वैकल्पिक रूप से, आप परीक्षण env के लिए एक विशेष अनदेखा पैटर्न निर्दिष्ट कर सकते हैं।

बहुत कोशिश करने के बाद, यहाँ मेरा मामला है

1. सुनिश्चित करें कि आपके पास बेब-जेस्ट के सही संस्करण हैं *
2. सुनिश्चित करें कि प्रीसेट के साथ .babelrc कॉन्फ़िगरेशन है (पहले स्थापित)
3. यदि इसकी अभी भी "अप्रत्याशित टोकन" की त्रुटि फेंकी गई है, तो हो सकता है कि तीर के कार्यों को फिर से संगठित न किया गया हो, यह बैबल प्लगइन आपको "ट्रांसफॉर्म-क्लास-प्रॉपर्टीज" में मदद करेगा, उन्हें आपके बैबेल कॉन्फिगर में भी शामिल करेगा।

यहाँ मेरी विन्यास हैं।

.बेबेलआरसी

{
  "plugins": [
    "transform-es2015-modules-commonjs",
    "transform-class-properties"
  ]}

एंजाइम के लिए (setupTests.js)

import { configure } from "enzyme";
import Adapter from "enzyme-adapter-react-15";
configure({ adapter: new Adapter() });

पैकेज.जेसन

 "dependencies": {
    "babel-cli": "^6.26.0",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "eslint": "^4.19.1",
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "react-test-renderer": "^15.6.2",
     "babel-jest": "^22.4.3",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "enzyme": "^3.3.0",
    "enzyme-adapter-react-15": "^1.0.5",
    "gh-pages": "^0.12.0",
    "jest": "^22.4.3",
    "react-addons-test-utils": "^15.4.2",
    "regenerator-runtime": "^0.11.1"
  },
"jest": {
    "globals": {
      "NODE_ENV": "test"
    },
    "verbose": true,
    "moduleDirectories": ["node_modules", "src"],
    "transform": {
      "^.+\\.jsx?$": "babel-jest"
    },
    "moduleFileExtensions": ["js", "jsx"],
    "setupTestFrameworkScriptFile": "<rootDir>/src/setupTests.js"
  }

yarn add --dev babel-jest babel-core regenerator-runtime जोड़ने से मेरे लिए काम हो गया

मेरे मामले में, यह विंडोज़ और इसकी बेवकूफ अनुमतियों के साथ एक समस्या थी, शायद env चर को सही ढंग से सेट नहीं कर रहा था।
गिट बैश से एक उन्नत cmd.exe स्विच किया गया और फिर से काम करना शुरू कर दिया।

मेरे पास jest को script (नाम बदलकर test:jest रूप में test ) के रूप में परिभाषित किया गया है, मेरे package.json । हालांकि, npm run test चलाते समय, मुझे SyntaxError: Unexpected token import :

root<strong i="14">@browserify</strong>:/var/machine-learning/src# npm run test

> [email protected] test /var/machine-learning/src
> jest --config /var/machine-learning/test/jest/jest.config.js

 FAIL  ../test/jest/__tests__/layout/analysis.test.jsx
  ● Test suite failed to run

    /var/machine-learning/test/jest/__tests__/layout/analysis.test.jsx:6
    import React from 'react';
    ^^^^^^

    SyntaxError: Unexpected token import

      at ScriptTransformer._transformAndBuildScript (../../src/node_modules/jest-runtime/build/script_transformer.js:316:17)

 FAIL  ../test/jest/__tests__/layout/page.test.jsx
  ● Test suite failed to run

    /var/machine-learning/test/jest/__tests__/layout/page.test.jsx:6
    import React from 'react';
    ^^^^^^

    SyntaxError: Unexpected token import

      at ScriptTransformer._transformAndBuildScript (../../src/node_modules/jest-runtime/build/script_transformer.js:316:17)

 FAIL  ../test/jest/__tests__/content/register.test.jsx
  ● Test suite failed to run

    /var/machine-learning/test/jest/__tests__/content/register.test.jsx:6
    import React from 'react';
    ^^^^^^

    SyntaxError: Unexpected token import

      at ScriptTransformer._transformAndBuildScript (../../src/node_modules/jest-runtime/build/script_transformer.js:316:17)

 FAIL  ../test/jest/__tests__/content/login.test.jsx
  ● Test suite failed to run

    /var/machine-learning/test/jest/__tests__/content/login.test.jsx:6
    import React from 'react';
    ^^^^^^

    SyntaxError: Unexpected token import

      at ScriptTransformer._transformAndBuildScript (../../src/node_modules/jest-runtime/build/script_transformer.js:316:17)

----------|----------|----------|----------|----------|-------------------|
File      |  % Stmts | % Branch |  % Funcs |  % Lines | Uncovered Line #s |
----------|----------|----------|----------|----------|-------------------|
All files |        0 |        0 |        0 |        0 |                   |
----------|----------|----------|----------|----------|-------------------|
Test Suites: 4 failed, 4 total
Tests:       0 total
Snapshots:   0 total
Time:        3.782s
Ran all test suites.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] test: `jest --config /var/machine-learning/test/jest/jest.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] test script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2018-05-08T01_50_42_754Z-debug.log

मैंने इसी jest.config.js भी परिभाषित किया है:

module.exports = {
  'verbose': true,
  'collectCoverage': true,
  'coverageDirectory': '/var/machine-learning',
  'moduleDirectories': ['/var/machine-learning/src/node_modules'],
  'transformIgnorePatterns': [
    '/var/machine-learning/src/node_modules'
  ]
}

मुझे react-native , और transformIgnorePatterns बारे में बहुत सी चीज़ें दिखाई दे रही हैं। सौभाग्य से, और दुर्भाग्य से, मैं इसका उपयोग नहीं करता। यह कैसी मायावी बग है। क्या मुझे .babelrc को परिभाषित करने की आवश्यकता है, या मेरे package.json एक jest निर्देश जोड़ने की आवश्यकता है। मेरा मज़ाक script कैसे बेबेल के बारे में जानता है, अगर ऐसा है? मैंने अपनी package.json वाली उसी निर्देशिका में .babelrc जोड़ने का प्रयास किया है, जिसमें कोई भाग्य नहीं है:

{
  "env": {
    "test": {
      "presets": ["env", "stage-2", "react"]
    }
  }
}

नोट: यदि कोई उपरोक्त समस्या के संबंध में मेरे मूल मुद्दे पर नज़र रखना चाहता है।

बहुत सारे बेवकूफ बनाने के बाद, मुझे निम्नलिखित समस्याएं मिली हैं:

• जेस्ट डिफ़ॉल्ट रूप से बेबेल 6 चलाता है। बेबेल 6 .babelrc.js फ़ाइल की तलाश नहीं करता है। केवल .babelrc फ़ाइल के लिए। यदि आपके पास JSON के बजाय JS कॉन्फिगर है, तो यह कॉन्फिग को नहीं पढ़ेगा और इस प्रकार किसी भी प्लगइन्स का उपयोग नहीं करेगा। इसके परिणामस्वरूप मेरे लिए unexpected token: import हो गया।
• babel-7-jest पुराने बैबेल 7 कोर इंजन पर चलता है, इस प्रकार नए प्रस्ताव प्लगइन्स के लिए समर्थन तोड़ता है।
• ऐसा लगता है कि npm i -D [email protected] पूरी तरह से ठीक कर देता है । मेरे पास मेरे बेबल कॉन्फिगर में env.test भी नहीं है, और न ही मेरे पास कोई जेस्ट कॉन्फिगर है।

ऐसा लगता है जैसे जेस्ट babel-core (और इस प्रकार @babel/core अनदेखा करता है), अन्यथा यह बैबेल 6 पर वापस आ जाता है और आपकी कॉन्फ़िगरेशन को छोड़ देता है। लेकिन जब नवीनतम बेबेल-कोर (ब्रिज संस्करण) स्थापित किया जाता है तो यह बिना किसी अतिरिक्त कॉन्फ़िगरेशन के ES6 मॉड्यूल को पार्स करता है।

धन्यवाद कास्वीव! मेरे .babelrc.js को .babelrc और npm i -D [email protected] स्थापित किया। अब मेरे परीक्षण babel-jest साथ चलते हैं

आप सुरक्षित रूप से .js कॉन्फ़िग फ़ाइल का उपयोग कर सकते हैं। यह सिर्फ इतना है कि बैबेल केवल संस्करण 7 से इस प्रकार की फ़ाइल को पढ़ता है और आपको बैबेल के संस्करण 7 का उपयोग करने के लिए जेस्ट के लिए होती है ।

अगर किसी को दिलचस्पी है, तो मुझे मेरा जेस्ट + एंजाइम परीक्षण काम कर रहा है। संबंधित कॉन्फ़िगरेशन फ़ाइलों में बेझिझक प्रहार करें। साथ ही, क्या किसी को उसी परियोजना के लिए फ्रंटएंड विकास में मदद करने में दिलचस्पी है?

antd और rc-calendar आदि के कारण भी इसी तरह की समस्या transformIgnorePatterns को कॉन्फ़िगर करना था

transformIgnorePatterns: [ 'node_modules/?!(antd|rc-.+)/' ],

शायद moduleDirectories ने भी मदद की:

moduleDirectories: ['node_modules'],

मैंने नवीनतम प्रतिक्रिया-मूल संस्करण में अपडेट किया और मुझे बेबेल 7 में अपडेट करना पड़ा और अब मुझे वही त्रुटि मिलती है।

इन नोड_मॉड्यूल्स को transformIgnorePatterns में जोड़ने से अब कुछ नहीं होता है।

मेरे मामले में, ऐसा इसलिए है क्योंकि मैं अब बैबेल के साथ मॉड्यूल ट्रांसपिलिंग नहीं कर रहा हूं, और इसे वापस आपके बेबेलर के test हिस्से में जोड़ने के बारे में आरंभ करने की मार्गदर्शिका पर एक नोट है।

@ kasvtv @ willb335 मैं

पैकेज.जेसन

  "babel": {
    "presets": [
      "./.babelrc.js"
    ]
  },

मैं @ सामग्री/आधार पुस्तकालय के उपयोग के साथ एक ही मुद्दे को पूरा करता हूं, क्या कोई हल करने के लिए package.json & .babelrc फ़ाइल प्रदान कर सकता है। मैं फीडबैक से ऊपर की कोशिश करता हूं, लेकिन मैं मिश्रित हूं ...

मेरे लिए समाधान .babelrc फ़ाइल पर "env" प्रीसेट जोड़ रहा था, इसलिए यह इस तरह निकला
{
"प्रीसेट": ["env", "es2016", "stage-0", "react"]
}

इस लिंक जानकारी का उपयोग करने से मेरी समस्या हल हो गई
https://jestjs.io/docs/hi/webpack.html

@negarineh आपका लिंक काम नहीं करता

@haywirez द्वारा प्रदान किए गए transformIgnorePatterns समाधान का उपयोग करके मेरा . बदल जाता है

SyntaxError: Unexpected token import

एक में त्रुटि

TypeError: Cannot read property 'DocumentDir' of undefined

त्रुटि यानी पैकेज (rn-fetch-blob) अब अपरिभाषित है।

संपादित करें:

वास्तव में सिर्फ transformIgnorePatterns: [], को मेरे jest.config.js जोड़ने से SyntaxError TypeError का पीछा करने का कारण बनता है।

@schhumannd क्षमा करें, मैंने गलती की है, लिंक अब आपको पृष्ठ पर पुनर्निर्देशित कर रहा है। यदि आप अपना "jest.config.js" उस कॉन्फ़िगरेशन के साथ सेट करते हैं जो लिंक में प्रदान किया गया है तो इसे काम करना चाहिए।
यदि त्रुटि .css फ़ाइल को आयात करने के बारे में है जैसे लिंक में उदाहरण की तरह एक नकली फ़ाइल जोड़ना या इस कॉन्फ़िगरेशन के साथ "identity-obj-proxy" स्थापित करके काम करना चाहिए:

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

jest.config.js (सीएसएस मॉड्यूल के लिए):

{ "jest": { "moduleNameMapper": { "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js", "\\.(css|less)$": "identity-obj-proxy" } } }

साथ ही, यह प्रोजेक्ट की रूट डायरेक्टरी में मेरी .babelrc फाइल है (test.config.js भी रूट में होनी चाहिए):

सबसे पहले, बेबेल का उपयोग करने के लिए "बेबेल-जेस्ट" और "रीजेनरेटर-रनटाइम" स्थापित करें:

npm --dev babel-jest babel-core regenerator-runtime

फिर इस कॉन्फ़िगरेशन को .babelrc फ़ाइल में जोड़ें:

{ "presets": ["env", "react"], "plugins": ["transform-class-properties"], "env": { "production": { "plugins": ["transform-es2015-modules-commonjs"] }, "test": { "presets": ["env", "react"], "plugins": ["transform-export-extensions"], "only": [ "./**/*.js", "node_modules/jest-runtime" ] } } }

उम्मीद है ये मदद करेगा।
https://jestjs.io/docs/hi/webpack.html

मेरे मामले में, यह निम्नलिखित .babelrc जोड़ने के बाद काम करता है

{
  "presets": ["env", "react"],
  "env": {
    "test": {
      "plugins": ["transform-class-properties"]
    }
  }
}

और फिर NODE_ENV=test jest का उपयोग करके परीक्षण चलाएं

यह केवल कुछ लोगों की मदद करेगा।

मेरी समस्या मेरी जेएस फ़ाइल को पार्स करने में सक्षम नहीं होने के कारण थी। मैंने इसके बजाय require उपयोग किया।

लोग। इनमें से कोई भी समाधान काम नहीं करता क्योंकि मेरे पास aa babelrc फ़ाइल नहीं है... केवल babel.config.js. कृपया, आप babel.config.js के साथ कैसे ठीक करते हैं? धन्यवाद

उपरोक्त चर्चा से babel कॉन्फ़िगरेशन के साथ-साथ अन्य खोज से कुछ अतिरिक्त विकल्प (जैसे esm विकल्प) के लिए कई चीजों की कोशिश की - कुछ भी काम नहीं किया। इम्पोर्ट कीवर्ड जेस्ट से एरर देता रहा। यह दुख की बात है कि es6 आयात वाले मॉड्यूल का परीक्षण करना इतना कठिन है।

अंत में मेरे लिए यही काम किया: ts-jest

अब, मैं अपने कोड में किसी भी टाइपस्क्रिप्ट का उपयोग नहीं कर रहा हूं, फिर भी ts-jest का समान रूप से उपयोग किया है (चूंकि टाइपस्क्रिप्ट में आंतरिक रूप से आयात और अन्य सभी चीजों के लिए समर्थन है)। यह सिर्फ मजाक को जावास्क्रिप्ट कोड को ठीक से समझने के लिए है।

इन चरणों का पालन किया:
npm i -D jest typescript ts-jest @types/jest
jest.config.js फ़ाइल में:
transform: { "\\.js$": "ts-jest", transformIgnorePatterns: [], },
जेस्ट टाइपस्क्रिप्ट के बारे में शिकायत कर सकता है कि js फाइलों का अनुपालन नहीं किया जा सकता है। नीचे दिए गए विकल्पों के साथ tsconfig.json फ़ाइल जोड़ें:
{ "compilerOptions": { "allowJs": true, "module": "commonjs", "noImplicitAny": true, "removeComments": true, "preserveConstEnums": true, "sourceMap": true } }
सभी babel संबंधित कॉन्फ़िगरेशन और फ़ाइलों को हटा दिया। npm कॉन्फ़िगरेशन नीचे जैसा दिखता है:
"scripts": { "test": "jest --runInBand --detectOpenHandles --no-cache --config ./jest.config.js" }
उम्मीद है कि यह आयात के साथ इसी तरह की समस्या का सामना करने वाले किसी भी व्यक्ति की मदद करता है।

क्या किसी के पास नंगे हड्डियों का रेपो है जिसमें जेएस आयात का उपयोग कर एक कामकाजी सेटअप है?

क्या किसी के पास नंगे हड्डियों का रेपो है जिसमें जेएस आयात का उपयोग कर एक कामकाजी सेटअप है?

https://github.com/kasvtv/react-starter

किसी ऐसे व्यक्ति के रूप में जिसने इस पृष्ठ को एक समान मुद्दे की खोज करते हुए पाया जो मूल चर्चा के लिए अप्रासंगिक है। मेरी समस्या https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#Dynamic_Imports द्वारा वर्णित फ़ंक्शन-जैसे गतिशील आयात का उपयोग करने के कारण समाप्त हुई https://github.com/airbnb/babel-plugin-dynamic-import-node पर उपलब्ध इस सुविधा के लिए बेबेल प्लगइन जोड़कर इसे हल किया जा रहा है और तदनुसार .babelrc को संशोधित किया जा रहा है।

{
    ...
    "env": {
        "test": {
            "plugins": ["dynamic-import-node"]
        }
    ...
}

मैं सिर्फ विकल्प हटाता हूं: { मॉड्यूल: झूठा }, और फिर यह काम करता है

"presets": [
    ["@babel/env", {module: false} ],  
    "@babel/preset-react",
    "@babel/preset-typescript"
  ]

transformIgnorePatterns: [] को जेस्ट कॉन्फिगर में जोड़ने और transform-es2015-modules-commonjs को babelrc में जोड़ने से मेरे लिए समस्या हल हो गई।
मज़ाक: ^23.1.0,
बेबल: 6.26.3

@ngmgit लेकिन इसका मतलब है कि आप अपने सभी नोड_मॉड्यूल को ट्रांसपाइल करते हैं, जो बहुत इष्टतम नहीं है ...

मेरे मामले में,
.babelrc काम नहीं कर रहा है, लेकिन मैंने उसी सेटिंग को .babelrc से babel.config.js में स्थानांतरित करके समस्या हल की।

आशा है कि इससे मदद मिली!

यहां जो कुछ भी है, उसमें से कोई भी मेरे लिए काम नहीं करता है। मुझे विश्वास नहीं हो रहा है कि रिएक्ट अनुप्रयोगों का परीक्षण करने के लिए एक फेसबुक की आधिकारिक परीक्षण लाइब्रेरी कॉन्फ़िगर करने के लिए कठिन स्तर है, मैं 8+ वर्षों के अनुभव के साथ एक डेवलपर हूं और मैंने अपने दिन के 5 घंटे बिना सफलता के इतने सारे मुद्दों और प्रश्नों के बिना बिताए। ढेर अतिप्रवाह पर।

मैं जेस्ट + रिएक्ट-टेस्टिंग-लाइब्रेरी के साथ काम करने के लिए अपने रिएक्ट एप्लिकेशन को कॉन्फ़िगर नहीं कर सकता

यह केवल इसलिए है क्योंकि जेस्ट हर बार मुझे एक नई सिंटैक्स त्रुटि चिल्ला रहा है जिसे वह प्राप्त नहीं कर सकता है। मेरे द्वारा उपयोग किया जाने वाला प्रत्येक प्लगइन एक समस्या को हल करता है और दूसरा देता है। बेबेल को सब कुछ संभालने का कोई तरीका है?

मैं ईमानदारी से इसके साथ कर रहा हूं कि मैंने वास्तव में हार मान ली है, मैं अब उस पर अधिक समय नहीं बिता रहा हूं, मैं शायद इस पुस्तकालय को परियोजना पर जोड़ना रद्द कर दूंगा।

गंभीरता से, यह देखना बहुत अजीब है कि किसी के लिए कोई डिफ़ॉल्ट कॉन्फ़िगरेशन नहीं है जो जेस्ट + प्रतिक्रिया-परीक्षण-लाइब्रेरी का उपयोग करके प्रतिक्रिया एप्लिकेशन का परीक्षण करना चाहता है।

कई घंटों के परीक्षण और त्रुटि के बाद कई SO उत्तर और github मुद्दे के साथ, @cpojer के उत्तर ने मेरे लिए काम किया! 🙏

कुछ अतिरिक्त संदर्भों के साथ नवीनतम और महानतम के साथ अद्यतन किया गया जिसने मेरी मदद की:

babel.config.js

module.exports = {
  "env": {
    "production": {
-      "plugins": ["transform-es2015-modules-commonjs"]
# new kid on the block
+      "plugins": ["@babel/plugin-transform-modules-commonjs"]
    }
  }
}

jest.config.js

module.exports = {
  // if you're also using typescript
  preset: "ts-jest",
  testEnvironment: "node",
  verbose: true,
  // registers babel.config.js with jest
  transform: {
    "^.+\\.js$": "babel-jest",
  },
  // explicitly include any node libs using ESM modules
  transformIgnorePatterns: ["node_modules/?!(<ESM module here>|<another here>|<etc...>)"],
}

निर्भरताएँ:

• babel-jest
• @babel/plugin-transform-modules-commonjs
• ts-jest (टाइपप्रति के लिए)

यह समस्या तब भी हो सकती है जब प्रोजेक्ट की रूट डायरेक्टरी में जेस्ट नहीं चल रहा हो...

यदि आप react-native या jest-expo प्रीसेट का उपयोग कर रहे हैं और आपके प्रोजेक्ट में .js फाइलें हैं, तो आपको transform को जेस्ट कॉन्फिगरेशन में मैच करने के लिए सेट करना चाहिए।
मैंने https://jestjs.io/docs/en/configuration.html#transform -objectstring-pathtotransformer--pathtotransformer-object से एक एक्सप्रेशन का उपयोग किया और यह काम कर गया।

transform: { '^.+\\.[jt]sx?$': 'babel-jest' }

पीएनपीएम समर्थन

मैं यहां pnpm उपयोगकर्ताओं के लिए एक नोट छोड़ना चाहता हूं ....

निम्न उदाहरण pnpm उपयोगकर्ताओं के लिए काम नहीं करता है क्योंकि pnpm पथ भिन्न हैं। उपरोक्त रेगेक्स केवल node_modules dirs के साथ काम करते हैं।

/xxx/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/antd/es/input/String

देखें: https://regexr.com/5cs2h

"transformIgnorePatterns": [
  "node_modules/(?!(react-native|my-project|react-native-button)/)"
]

https://jestjs.io/docs/en/tutorial-react-native#transformignorepatterns -customization

ठीक कर

.* जोड़कर अंतिम अवसर के लिए नकारात्मक लुकहेड का उपयोग करें।

node_modules/(?!(.*antd/es)/)