Создание приложения react с использованием typescript с проблемами

#reactjs #typescript

#reactjs #typescript

Вопрос:

Ошибка:

G:ReactProjmy-appnode_modulesreact-scriptsscriptsutilsverifyTypeScriptSetup.js:239 appTsConfig.CompilerOptions[option] = значение; ^ Ошибка типа: не удается присвоить свойству ‘jsx’ объекта ‘#’, доступному только для чтения, при установке verifyTypeScriptSetup (G:ReactProjmy-appnode_modulesreact-scriptsscriptsutilsverifyTypeScriptSetup.js:239:43 ) на Объекте. (G:ReactProjmy-appnode_modulesreact-scriptsscriptsstart.js:31:1 )

Совместное использование моего журнала ошибок

 0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'C:\Program Files\nodejs\node.exe',
1 verbose cli   'C:\Users\lionh\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js',
1 verbose cli   'start'
1 verbose cli ]
2 info using npm@6.14.8
3 info using node@v15.2.0
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle my-app@0.1.0~prestart: my-app@0.1.0
6 info lifecycle my-app@0.1.0~start: my-app@0.1.0
7 verbose lifecycle my-app@0.1.0~start: unsafe-perm in lifecycle true
8 verbose lifecycle my-app@0.1.0~start: PATH: C:UserslionhAppDataRoamingnpmnode_modulesnpmnode_modulesnpm-lifecyclenode-gyp-bin;G:ReactProjmy-appnode_modules.bin;C:Windowssystem32;C:Windows;C:WindowsSystem32Wbem;C:WindowsSystem32WindowsPowerShellv1.0;C:WindowsSystem32OpenSSH;C:Program Filesdotnet;C:Program FilesMicrosoft SQL Server130ToolsBinn;C:Program FilesMicrosoft SQL ServerClient SDKODBC170ToolsBinn;C:Program Files (x86)Microsoft SQL Server150ToolsBinn;C:Program FilesMicrosoft SQL Server150ToolsBinn;C:Program FilesMicrosoft SQL Server150DTSBinn;C:Program Files (x86)Microsoft SQL Server150DTSBinn;C:Program FilesAzure Data Studiobin;C:Program Filesnodejs;C:UserslionhAppDataLocalMicrosoftWindowsApps;C:Userslionh.dotnettools;C:Program FilesAzure Data Studiobin;C:UserslionhAppDataLocalProgramsMicrosoft VS Codebin;C:UserslionhAppDataRoamingnpm
9 verbose lifecycle my-app@0.1.0~start: CWD: G:ReactProjmy-app
10 silly lifecycle my-app@0.1.0~start: Args: [ '/d /s /c', 'react-scripts start' ]
11 silly lifecycle my-app@0.1.0~start: Returned: code: 1  signal: null
12 info lifecycle my-app@0.1.0~start: Failed to exec start script
13 verbose stack Error: my-app@0.1.0 start: `react-scripts start`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (C:UserslionhAppDataRoamingnpmnode_modulesnpmnode_modulesnpm-lifecycleindex.js:332:16)
13 verbose stack     at EventEmitter.emit (node:events:329:20)
13 verbose stack     at ChildProcess.<anonymous> (C:UserslionhAppDataRoamingnpmnode_modulesnpmnode_modulesnpm-lifecyclelibspawn.js:55:14)
13 verbose stack     at ChildProcess.emit (node:events:329:20)
13 verbose stack     at maybeClose (node:internal/child_process:1055:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:288:5)
14 verbose pkgid my-app@0.1.0
15 verbose cwd G:ReactProjmy-app
16 verbose Windows_NT 10.0.19042
17 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Users\lionh\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "start"
18 verbose node v15.2.0
19 verbose npm  v6.14.8
20 error code ELIFECYCLE
21 error errno 1
22 error my-app@0.1.0 start: `react-scripts start`
22 error Exit status 1
23 error Failed at the my-app@0.1.0 start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
 

и мой tsconfig.json

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

Комментарии:

1. Вы создаете новый проект? Я очень, очень рекомендую использовать create-react-app с предустановками typescript. Это должно сработать без каких-либо проблем с мэром.

2. да, я создаю новый проект. я сделал так же, как это предложено на веб-сайте React

3. Какая команда выдает вам ошибку, это npm install или npm run start?

4. я использовал команду запуска npm

5. вы запускали установку npm / yarn?

Ответ №1:

Найдено решение проблемы с React 17 jsx typesceipt

это сработало для меня, но команде Typescript / react определенно необходимо решить эту проблему как можно скорее