使用 webpack 构建 Express 应用程序时崩溃

Question

我正在尝试在使用 webpack 构建的 typescript express 应用程序 (graphql api) 中使用 graphql-upload。当我使用 ts-node 运行时，我的应用程序运行良好。但是当我使用 webpack 编译然后运行时，当我尝试上传文件时遇到一个奇怪的错误。

我的设置

• Typescript 应用程序
• Apollo 服务器/Typegraphql
• 使用 webpack 构建

我的代码

（精简到要领）

https://github.com/ziggy6792/graphql-file-uploads

我的问题

当我使用 ts-node yarn start:ts:node 运行然后运行 ​​yarn test 时，图片上传没问题

然后我用 webpack 构建 yarn start 然后运行 ​​yarn test 我得到以下错误

/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:56105
            if (!isObject(operations) && !Array.isArray(operations))
                 ^

TypeError: isObject is not a function
    at Busboy.<anonymous> (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:56105:18)
    at Busboy.emit (node:events:378:20)
    at Busboy.module.exports../node_modules/busboy/lib/main.js.Busboy.emit (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:32204:33)
    at PartStream.onEnd (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:32528:15)
    at PartStream.emit (node:events:390:22)
    at Dicer.onPart (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:32386:13)
    at Dicer.emit (node:events:378:20)
    at Dicer.module.exports../node_modules/dicer/lib/Dicer.js.Dicer.emit (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:45439:35)
    at Dicer.module.exports../node_modules/dicer/lib/Dicer.js.Dicer._oninfo (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:45540:12)
    at SBMH.<anonymous> (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:45486:10)
[nodemon] app crashed - waiting for file changes before starting...

我的解决方法

我不确定这是否真的与graphql-upload 或webpack 或其他问题有关。我还注意到我的问题看起来与 issue 类似，但我真的不明白是否有任何解决方案可以解决这个问题，以及它是否确实是我面临的同一个问题。

我尝试升级 webpack（分支 upgraded-packages），但这使问题变得更糟，因为我在启动服务器时遇到了这个问题

TypeError: Cannot read property 'graphql' of undefined
    at getPeerDependencyGraphQLRequirement (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:104216:44)
    at Object.ensureInstalledCorrectGraphQLPackage (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:104221:32)
    at Function.checkForErrors (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:103346:27)
    at Function.generateFromMetadataSync (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:103325:14)
    at Function.generateFromMetadata (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:103315:29)
    at Object.buildSchema (/Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:103940:61)
    at /Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:99831:41
    at Generator.next (<anonymous>)
    at /Users/sive/Documents/workspace/graphql-file-uploads/dist/index.js:99819:71
    at new Promise (<anonymous>)

任何帮助将不胜感激。

Answer 1

我对这个问题的最佳猜测

从阅读链接的问题看来，isObject 似乎提供了更新版本的 ECMA 脚本模块。 Webpack 可能会选择 ES 模块版本，但这个版本的不同之处在于默认导出现在是 default 并且 Apollo Server 必须照此导入它或调用 isObject.default。在this changelog 中，他们说使用捆绑器的用户可能会破坏它。

你现在有两个选择：

你可以use yarn force the dependency to a previous version 或isobject：

{
  ...
  "resolutions": {
    "graphql-file-uploads/isobject": "3.0.1"
  }
}

或者你也可以不捆绑你的应用，而是使用 TypeScript 来构建。您失去了捆绑的好处，但您使用的是运行节点应用程序更常见的环境。此外，您将使用 TypeScript 作为编译器，就像 ts-node 一样统一您的开发和生产工具。

您可以像这样使用 TypeScript 进行编译：

yarn tsc 'src/**/*.ts'

在您的 TSConfig 中，您应该配置输出，以便它也将文件发送到 /dist。