業力，Webpack & Typescript：TS2307：找不到模塊“log4js”或其相應的類型聲明

Question

運行 karma ( npx karma start ) 時，我收到有關模塊的錯誤

× ｢atl｣: Checking finished with 1 errors
i ｢atl｣: Checking started in a separate process...
× ｢atl｣: Checking finished with 1 errors
× ｢wdm｣:
ERROR in [at-loader] ./node_modules/@types/karma/index.d.ts:14:26
    TS2307: Cannot find module 'log4js' or its corresponding type declarations.
i ｢wdm｣: Failed to compile.
23 07 2020 12:53:39.790:WARN [karma]: No captured browser, open http://localhost:9876/
23 07 2020 12:53:39.803:INFO [karma-server]: Karma v5.1.0 server started at http://0.0.0.0:9876/
23 07 2020 12:53:39.803:INFO [launcher]: Launching browsers Chrome with concurrency unlimited
23 07 2020 12:53:39.820:INFO [launcher]: Starting browser Chrome
23 07 2020 12:53:41.358:INFO [Chrome 84.0.4147.89 (Windows 10)]: Connected on socket CIrhkw1m_-3oa6JsAAAA with id 44315598
Chrome 84.0.4147.89 (Windows 10): Executed 0 of 1 SUCCESS (0 secs / 0 secs)
Chrome 84.0.4147.89 (Windows 10): Executed 1 of 1 SUCCESS (0.125 secs / 0.002 secs)
TOTAL: 1 SUCCESS

它確實成功執行了測試，但它引發了關於 log4js 的錯誤。 我該如何解決這個錯誤？ （我已經嘗試安裝 log4js npm 包）

業力配置：

    config.set({
        basePath: "",
        frameworks: ["mocha"],
        files: [
            "UnitTests/**/*.browsertest.ts",
        ],
        preprocessors: {
            "UnitTests/**/*.browsertest.ts": "webpack",
        },
        webpack: webpackConfig,
        webpackMiddleware: {
          stats: 'errors-only'
        },
        reporters: ["progress"],
        browsers: ["Chrome"],
        autowatch: false,
    });

Webpack 配置（簡化但我確認這會引發相同的錯誤）：

{
      mode: "development",
      entry: {
         "dist/main.bundle": "./TypeScript/Main.entry.ts",
      },
      output: {
         path: path.join(__dirname, "wwwroot"),
         filename: "[name].js"
      },
      devtool: "source-map",
      resolve: {
         extensions: [".ts", ".js"]
      },
      module: {
         rules: [
            { 
               test: /\.tsx?$/, exclude: [/node_modules/], 
               use: ["awesome-typescript-loader"]
            }
         ]
      }
   }

配置：

{
   "compileOnSave": true,
   "compilerOptions": {
      "experimentalDecorators": true,
      "sourceMap": true,
      "strictNullChecks": true,
      "noImplicitAny": true,
      "module": "amd",
      "target": "es6",
      "jsx": "react",
      "jsxFactory": "renderDom",
      "declaration": false,
      "esModuleInterop": true,
      "lib": [
         "WebWorker",
         "DOM",
         "es6"
      ],
      "typeRoots": [
         "./node_modules/@types",
         "./@types"
      ]
   },
   "include": [
      "TypeScript/**/*",
      "UnitTests/**/*"
   ],
   "exclude": ["node_modules"]
}

我已經嘗試過的：

通過運行yarn add log4js和yarn add @types/log4js

Answer 1

現在我有一個解決方案，但如果有人知道更好的解決方案，我很想知道。 因為這需要從 node_modules 復制一個文件，並且如果 package 更新，它將不會更新。

我將node_modules/log4js/types/log4js.d.ts中的內容復制到我在@types/log4js/index.dts創建的一個新文件中（注意這是我們在上面的 tsconfig 中配置的我們自己的@types 目錄，它不是節點模塊中的文件夾）。 然后我通過在文件頂部添加這個來稍微修改這個索引：

declare module "log4js" {

在文件的底部：

}