如何编写Jest transformIgnorePatterns

noj0wjuj 于 2023-09-28 发布在 Jest

关注(0)|答案(3)|浏览(140)

我有个例外

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:
     • 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:

    C:\Code\SPFx\BCO\node_modules\@microsoft\sp-core-library\lib\index.js:11
    export { default as _BrowserDetection } from './BrowserDetection';
    ^^^^^^

    SyntaxError: Unexpected token export

      19 | } from 'office-ui-fabric-react/lib/Utilities';
      20 | import { IUserProvider } from "../UserProviders/IUserProvider";
    > 21 | import {
         | ^
      22 |   Environment,
      23 |   EnvironmentType
      24 | } from '@microsoft/sp-core-library';

      at ScriptTransformer._transformAndBuildScript (node_modules/jest/node_modules/jest-runtime/build/script_transformer.js:403:17)
      at Object.<anonymous> (src/webparts/BCO/components/EmployeeSelector/EmployeeSelector.tsx:21:1)
      at Object.<anonymous> (src/webparts/BCO/components/FieldMapping/FieldMapping.tsx:13:1)

并尝试了这些transformIgnorePatterns表达式，

"transformIgnorePatterns": [
  "\\node_modules\\@microsoft\\sp-dialog",
  "\\node_modules\\@microsoft\\sp-core-library",
  "node_modules/(?!sp-core-library)",
  "node_modules/(?!@microsoft/sp-core-library)"
],

但都没成功我在Windows 10上运行这个，所以我也尝试了这种格式

jestjs

来源：https://stackoverflow.com/questions/52035066/how-to-write-jest-transformignorepatterns

3条答案

按热度按时间

0dxa2lsx1#

transformIgnorePatterns意味着如果测试路径与任何模式匹配，则不会对其进行转换。
注：请勿分割多行。
jest将默认忽略所有node_modules。
所以你必须这样写：

"transformIgnorePatterns": [
  // all exceptions must be first line
  "/node_modules/(?!@microsoft/sp-core-library|sp-dialog|other_libs_need_transform)"
],

赞(0）回复(0）举报 2023-09-28

omqzjyyz2#

实际上，看起来类型脚本与JEST测试用例不太匹配，所以我觉得JEST需要忽略这些文件，或者这些包需要被编译成JEST可以理解的js代码，
你可以试试这个

"transformIgnorePatterns": [ "node_modules/(?!(@microsoft/sp-core-library))" ],

在tsconfig.json中

"allowJs": true,

欲了解更多详情，请查看此帖子
https://github.com/SharePoint/sp-dev-docs/issues/2325#issuecomment-446416878

赞(0）回复(0）举报 2023-09-28

fkvaft9z3#

我在使用jest，webpack和vanilla js进行项目时遇到了类似的错误，因此当jest在任何/*?.js$/文件中遇到这行代码import '../css/styles.css';时，都会抛出错误。
我通过将jest配置从package.json文件移动到jest.config.js文件来解决这个问题，并使用以下最小配置：

// jest.config.js
module.exports = 
  "moduleNameMapper": {
    "\\.(css|less|scss)$": "identity-obj-proxy"
  }
}

babel.config.js：

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          node: 'current',
        },
      },
    ],
  ],
};

赞(0）回复(0）举报 2023-09-28

我来回答

如何编写Jest transformIgnorePatterns

3条答案

相关问题

热门标签

最新问答