gpt4 book ai didi

javascript - 在 Jest 管理的 TypeScript 测试代码中加载 "@svgdotjs/svg.js"(3.0.11) 时遇到问题

转载 作者:行者123 更新时间:2023-11-30 19:50:52 26 4
gpt4 key购买 nike

即使 VSCode 在 node_modules 中看到该库,我也一直在 TypeScript 项目中收到错误“找不到模块‘@svgdotjs/svg.js’”。也许我只是完全不理解模块是如何工作的!该库使用 tsctslint 构建良好。

我正在开发一个基于 JSON 输入呈现 SVG 的库。我正在尝试运行单元测试。我正在使用 svgdom 来模拟必要的 DOM 容器。

缩写package.json:

"dependencies": {
"@svgdotjs/svg.js": "github:svgdotjs/svg.js",
},
"devDependencies": {
"chai": "^4.2.0",
"jest": "^23.6.0",
"svgdom": "0.0.18",
"ts-jest": "^23.10.5",
"ts-loader": "^5.3.3",
"ts-node": "^8.0.2",
"tslint": "^5.12.1",
"typescript": "^3.3.1",
}

ls node_modules:

    Directory: D:\github\renderer\node_modules


Mode LastWriteTime Length Name
---- ------------- ------ ----
d----- 2019-02-01 6:01 PM .bin
d----- 2019-02-01 6:00 PM @babel
d----- 2019-02-01 6:00 PM @svgdotjs

index.ts 的顶部:

import SVG from "@svgdotjs/svg.js";
import Ajv from "ajv";
import { renderers } from "./renderers";
import { APRenderRep } from "./schema";
import schema from "./schema.json";

index.test.js的相关部分:

import { render } from "../src/index";

test("debugging outputter", () => {
const data = {};
// As per the `svgdom` docs
const window = require("svgdom");
const {SVG, registerWindow} = require("@svgdotjs/svg.js");
registerWindow(window, window.document);
const canvas = SVG(document.documentElement);
render(canvas, data);
console.log(canvas.svg());
});

如果这还不够,这里是 tsconfig.json:

{
"compilerOptions": {
"module": "commonjs",
"target": "es2015",
"esModuleInterop": true,
"sourceMap": true,
"declaration": true,
"outDir": "build",
"resolveJsonModule": true,
"strictNullChecks": true,
"noImplicitThis": true,
"noImplicitAny": true,
"baseUrl": ".",
"paths": {
"*": [
"node_modules/*",
"src/types/*"
]
}
},
"include": [
"src/**/*"
]
}

jest.config.js:

module.exports = {
globals: {
'ts-jest': {
tsConfig: 'tsconfig.json'
}
},
'coverageDirectory': undefined,
'collectCoverage': false,
'collectCoverageFrom': [
'**/src/**/*.{ts,js}'
],
moduleFileExtensions: [
'ts',
'js'
],
transform: {
'^.+\\.(ts|tsx)$': 'ts-jest'
},
testMatch: [
'**/test/**/*.test.(ts|js)'
],
testEnvironment: 'node'
};

我希望渲染的 SVG 会神奇地出现在控制台上。相反,我得到以下信息:

FAIL  test/index.test.ts
● Test suite failed to run

Cannot find module '@svgdotjs/svg.js' from 'index.ts'

> 1 | import SVG from "@svgdotjs/svg.js";
| ^
2 | import Ajv from "ajv";
3 | import { renderers } from "./renderers";
4 | import { APRenderRep } from "./schema";

at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:221:17)
at Object.<anonymous> (src/index.ts:1:1)

我试过核对 node_modules 并重新安装。我尝试了 repo 的新克隆并安装。

实际的 repo 在这里:https://github.com/AbstractPlay/renderer .

最佳答案

在我看来,@svgdotjs/svg.js 的 rollup.config.js 文件没有为 3.0 更新。它有:

格式:节点 ? 'cjs' : 'iife',

我觉得应该是

格式:节点 ? 'cjs' : 'umd',

如果我更改它并重建它,我就可以加载它。 d.ts 文件中仍然有错误,但至少你可以开始了。

关于javascript - 在 Jest 管理的 TypeScript 测试代码中加载 "@svgdotjs/svg.js"(3.0.11) 时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54489234/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com