Создать приложение React + SSR Не распознает TSX - PullRequest
Новая
       64

Создать приложение React + SSR Не распознает TSX

0 голосов
/ 12 февраля 2020

Я имею в виду эту статью , чтобы настроить SSR (универсальное приложение React).

Но когда я пытаюсь сослаться на любые .ts Файл в файле моего сервера, код выдает эту ошибку, я могу понять, что компилятор не может распознать файл tsx в импорте js, но как это исправить, я не могу gr asp. 

Error: Cannot find module '../../src/App'
    at Function.Module._resolveFilename (module.js:548:15)
    at Function.Module._load (module.js:475:25)
    at Module.require (module.js:597:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/rahsinwb/Documents/UniversalReact/universal-react/server/middleware/renderer.js:5:1)
    at Module._compile (module.js:653:30)
    at Module._compile (/Users/rahsinwb/Documents/UniversalReact/universal-react/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (module.js:664:10)

Когда я использую фиктивный файл jsx, сервер. js запускается, и все работает, но только когда я использую ts, это не удается. Как обойти это, чего мне не хватает, я новичок в SSR (Universal), пожалуйста, помогите ..

M y Файл сервера и Компонент приложения и фиктивный jsx, который работает

Мой tsconfig. json setup 

    {
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react"
  },
  "include": [
    "src"
  ]
}

Мой код клиента находится в каталоге SR C и код сервера в каталоге SERVER, это репозиторий для всей установки .

...