5

如果存在模块，如何导入？

我有 2 个项目，客户端和服务器。两者都导入一个相同的文件。
该文件导入仅安装在服务器项目中的节点模块。客户端没有模块。
所以 require 必须返回从服务器项目打开时输入的模块。从客户端项目打开时
它必须返回。undefined

下面是客户端项目的屏幕截图。Typescript 无法编译，因为它说它找不到模块。 打字稿要求找不到模块type-graphql

一个简单require的不保留类型： 在此处输入图像描述

4

1 回答 1

4

这有两个部分：

  1. 正式的导入声明必须是无条件的。import意味着模块必须始终存在。这并不意味着它必须是您实际需要的模块。
  2. 所需的类型module | undefined在服务器端。但在客户端module是不可知的。因此，为了允许基于服务器的调用，我们应该允许使用任何字段，例如{[k:string]:any}，并且我们需要能够选择哪一个适合我们所在的一侧。

因此，您最好的选择可能是在客户端添加一个同名的空模块，因此客户端文件夹中调用type-graphql.ts的node_modules文件仅包含：

export {}

这样无条件导入将始终有效，客户端将导入此空模块文件，服务器将导入实际库。然后你只需要重新分配变量来考虑可能的接口：

import * as _TypeGraphQL from 'type-graphql';

// don't check methods on the client side, if we had type definitions on both we could just use that
type CLIENT_SIDE_INTERFACE = {[k:string]:any};
// on server side we can check for case that the module is not present.
type SERVER_SIDE_INTERFACE = typeof _TypeGraphQL | {"ISDUMMY":true}

// if the imported module has our indicator key then we are on the client side
type THIS_SIDE_INTERFACE = "ISDUMMY" extends (keyof typeof _TypeGraphQL) ? CLIENT_SIDE_INTERFACE : SERVER_SIDE_INTERFACE

const TypeGraphQL: THIS_SIDE_INTERFACE = _TypeGraphQL;

在指出将文件放在普通 node_modules文件夹中是有问题的之后，我也可以提供一个可能的解决方案。

Node通过从当前文件向上遍历文件夹树来解析模块（不以./or开头），每个级别查看是否有一个名为. 通常这意味着在您的项目的根目录中有一个包含所有模块的文件夹。但是，您可以在项目中间添加另一个名为的文件夹，并且那里的任何文件导入将首先搜索该文件夹。/node_modulesnode_modules

因此，对于这样的文件夹结构，您可以将虚拟文件以import * as a from 'test-graphql'从稳定文件夹导入的方式放入项目中：

root
- node_modules
- src
  --- SUBFOLDERS
        - node_modules
          -test-graphql.tsx (dummy code)
        - git-sub-module
          - wrapper.tsx (containing the import code mentioned above)

在这种情况下，代码wrapper.tsx将尝试从内部node_modules导入空模块文件。只要确保在空模块中添加足够的注释来解释正在发生什么巫术:)

于 2019-12-11T20:38:21.837 回答