![](/img/trans.png)
[英]How to set up Jest w/ESM to recognize non-cjs modules in node_modules
[英]Transpile validator esm node_modules files jest
我正在使用帶有可搖樹 esm 導入的驗證器庫,以實現有效的包大小。
當我嘗試使用 jest 測試使用 esm 模塊導入的文件時,我收到以下錯誤 -
Jest encountered an unexpected token
This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.
By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".
Here's what you can do:
• If you are trying to use ECMAScript Modules, see https://jestjs.io/docs/en/ecmascript-modules for how to enable it.
• To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
• If you need a custom transformation specify a "transform" option in your config.
• If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.
You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html
Details:
helpers/node_modules/validator/es/lib/isEmpty.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import assertString from './util/assertString';
^^^^^^
SyntaxError: Cannot use import statement outside a module
> 1 | import isEmpty from 'validator/es/lib/isEmpty';
| ^
2 | import isURL from 'validator/es/lib/isURL';
3 | import isEmail from 'validator/es/lib/isEmail';
4 | import matches from 'validator/es/lib/matches';
at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1350:14)
at Object.<anonymous> (src/validator.ts:1:1)
現在我知道 jest 無法解析 ESM 模塊,所以我嘗試將驗證器庫添加到transformIgnorePatterns
。 這就是我的 jest.config.js 的樣子
module.exports = {
preset: 'ts-jest',
roots: ['<rootDir>/src'],
testMatch: ['**/__tests__/**/*.+(ts|tsx|js)', '**/?(*.)+(spec|test).+(ts|tsx|js)'],
transform: {
'^.+\\.(ts|tsx)$': 'ts-jest',
},
transformIgnorePatterns: ['<rootDir>/node_modules/(?!(validator/es/lib)/)'],
moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
};
但這沒有用。
我也嘗試了這個答案並添加了 babel 進行編譯,答案中提到了相同的配置,但我仍然遇到同樣的錯誤。
盡管測試適用於非 ESM 導入,例如,
import isEmpty from 'validator/lib/isEmpty';
嘗試將此行添加到您的jest.config.js
module.exports = {
...
transformIgnorePatterns: [
'/node_modules/(?!(validator)/)'
],
...
}
或嘗試從package.json
更新玩笑
"jest": {
"transformIgnorePatterns": [
"/node_modules/(?!(validator)/)"
]
},
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.