Не удается импортировать файл в Node.js при реализации рендеринга на стороне сервера

Question

Я работаю над реализацией рендеринга на стороне сервера в проекте React, написанном на машинописном шрифте.Все компоненты, контейнеры и другие каталоги находятся в каталоге src.Когда реагирующий импортирует файл, скажем, из ./src/providers/xxProvider.ts, он может просто импортировать его как import * from "providers/xxProvider".Я предполагаю, что это что-то, что делает webpack при комплектации.Но теперь, когда я пытаюсь использовать Node.js для ssr, node.js не может найти файл xxProvider, когда он импортируется как import * from "providers/xxProvider", потому что он начинает искать в node_modules.

Как я могу решить эту проблему?

Answer 1

Я нашел ответ.Проблема заключается в использовании плагина webpack-node-externals.Когда мы используем это, webpack автоматически игнорирует папку node-modules при связывании.Когда я импортирую что-то как import * from providers/xxProvider, и в то же время у меня есть каталог в node_modules, как provider / xxx, webpack исключит все каталоги, называемые providers, при объединении.

Answer 2

Возможно, у вас нет отображения пути , определенного в вашем tsconfig.json.Попробуйте это например:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "*": [
        "*",
        "src/*"
      ]
    }
  }
}