我已经阅读了很多类似于我的问题,但没有一种方法可以解决我的问题。我正在使用Vue3、TypeScript、Jest和D3 v7。当我尝试导入import * as d3 from "d3";
时,在我的测试中出现以下错误:
({"Object.<anonymous>":
function(module,exports,require,__dirname,__filename,global,jest)
{export * from "d3-array";
这个错误也会在我这样导入d3时发生:
import { BaseType, Selection, Transition, select } from "d3";
我尝试更新我的jest配置文件的transformIgnorePatterns属性,但这也不起作用:transformIgnorePatterns: [
"<rootDir>/node_modules/(?!d3-(array))",
]
有人能解释一下我这里缺少的部分吗?以下是我的整个jest.config.js
文件:
module.exports = {
collectCoverageFrom: [
"**/src/**.ts",
"**/src/**/**.ts",
"!**/dist/**",
"!**/node_modules/**",
"!**/public/**"
],
errorOnDeprecated: true,
preset: "@vue/cli-plugin-unit-jest/presets/typescript",
testMatch: ["**/*.spec.ts", "!**/node_modules/**"],
testPathIgnorePatterns: ["<rootDir>/dist/", "<rootDir>/node_modules/"],
"modulePaths": [
"<rootDir>"
],
transformIgnorePatterns: [
"<rootDir>/node_modules/(?!d3-(array))",
],
transform: {
"^.+\\.ts": "ts-jest",
"^.+\\.vue$": "vue-jest",
},
};
CRA
的用户:请将以下内容添加到package.json
文件中:"jest": { "moduleNameMapper": { "^d3$": "<rootDir>/node_modules/d3/dist/d3.min.js" }
。 - rodvlopes'd3-colors': '<rootDir>/node_modules/d3-colors/dist/d3-colors.min.js'
。 - undefined