“标识符'global‘已在compileFunction中声明”升级到monaco editor 0.21.0后jest测试中出现错误

Question

我升级了我的react项目，以使用monaco editor版本0.21.0，从那时起，对导入了monaco editor的文件的jest测试开始失败，出现以下错误：

● Test suite failed to run

/Users/omerharoon/Documents/code/packages/webapp/node_modules/monaco-editor/esm/vs/editor/editor.api.js:20
const global = self; // Set defaults for standalone editor
      ^

SyntaxError: Identifier 'global' has already been declared
    at compileFunction (<anonymous>)

  2 | 
  3 | import React from 'react';
> 4 | import * as monaco from 'monaco-editor';
    | ^
  5 | import { Resizable } from 're-resizable';
  6 | import {
  7 |   getLanguageFromFilename,

  at Runtime._execModule (node_modules/jest-runtime/build/index.js:1179:56)
  at Object.<anonymous> (src/components/helpers/MonacoEditor/index.tsx:4:1)
  at Object.<anonymous> (src/components/helpers/MonacoEditor/monaco_colorization.spec.tsx:6:1)

这在升级之后就开始发生了，旧版本是0.19.3，所有的测试都在这个版本上工作得很好。摩纳哥-编辑器-webpack-插件也从1.9.0升级到2.0.0

我们直接从

node_modules/monaco-editor/esm/vs/editor/editor.api

为了克服延迟加载的问题。

Jest配置：

"jest": {
"modulePaths": [
  "<rootDir>/src"
],
"collectCoverageFrom": [
  "**/*.{js,jsx,ts,tsx}",
  "!**/*.d.ts",
  "!**/node_modules/**",
  "!**/public/**",
  "!**/next.config.js",
  "!**/server.js"
],
"setupFilesAfterEnv": [
  "<rootDir>/setupTests.js"
],
"testPathIgnorePatterns": [
  "<rootDir>/node_modules/",
  "<rootDir>/.next/",
  "<rootDir>/public/",
  "<rootDir>/config/",
  "<rootDir>/next.config.js",
  "<rootDir>/server.js",
  "<rootDir>/build/"
],
"transform": {
  "^.+\\.[jt]sx?$": "babel-jest",
  "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js"
},
"transformIgnorePatterns": [
  "/node_modules/(?!monaco-editor)/",
  "^.+\\.module\\.(css|sass|scss)$"
],
"moduleNameMapper": {
  "^monaco-editor$": "monaco-editor/esm/vs/editor/editor.api",
  "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
},
"coverageReporters": [
  "text",
  [
    "lcov",
    {
      "projectRoot": "../../"
    }
  ]
]},

Answer 1

升级到monaco-editor 0.23.0为我解决了这个问题。