Ошибка в ReactJS - модуль не найден: не удается разрешить «высокие диаграммы»

Question

Я использую Highcharts в некоторых своих проектах, в которых я использую чистый Javascript.Теперь я начинаю новый проект с ReactJS и устанавливаю на него высокие графики.

npm install -g highcharts highcharts-react-official

Но когда я запускаю проект с использованием

yarn start

, я получаю следующую ошибку:

Module not found: Can't resolve 'highcharts'

Это то, что я получаю, когда использую команду

npm list -g --depth 0

E:\Programas\NodeJS\node-v10.16.3-win-x64
+-- axios@0.19.0
+-- create-react-app@3.1.1
+-- eslint@6.4.0
+-- highcharts@7.2.0
+-- highcharts-react-official@2.2.2
+-- my-app@0.1.0 -> E:\PUC\RelatorioCanvas\reactJs
+-- npm@6.9.0
+-- react@16.9.0
+-- react-scripts@3.1.1
+-- typescript@3.6.3
`-- yarn@1.17.3

npm ERR! peer dep missing: typescript@*, required by @typescript-eslint/eslint-plugin@1.6.0
npm ERR! peer dep missing: typescript@*, required by @typescript-eslint/parser@1.6.0
npm ERR! peer dep missing: typescript@*, required by ts-pnp@1.1.2
npm ERR! peer dep missing: typescript@*, required by @typescript-eslint/parser@1.6.0
npm ERR! peer dep missing: typescript@*, required by @typescript-eslint/typescript-estree@1.6.0
npm ERR! peer dep missing: typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta, required by tsutils@3.17.1
npm ERR! peer dep missing: typescript@*, required by @typescript-eslint/typescript-estree@1.6.0
npm ERR! peer dep missing: typescript@*, required by ts-pnp@1.1.2
npm ERR! peer dep missing: eslint@^5.0.0, required by @typescript-eslint/eslint-plugin@1.13.0
npm ERR! peer dep missing: eslint@^5.0.0, required by @typescript-eslint/parser@1.13.0

Я уже установил highcharts и highcharts-response-official, нопроблема сохраняется.

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

Answer 1

Возможно, вам придется установить машинописную версию старших диаграмм.

npm install @types/highcharts

Answer 2

Я нашел причину проблемы.

Я устанавливаю все, используя опцию -g.Пакеты были установлены глобально, теперь я помещаю их в качестве зависимостей в свой проект и использую npm install.

Теперь он отлично работает.

Так выглядит мой package.json сейчас

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.19.0",
    "react": "~16.8.6",
    "react-dom": "^16.8.6",
    "highcharts": "^6.0.0",
    "typescript": "^2.8.0",
    "highcharts-react-official": "^2.2.0",
    "eslint": "^5.0.0",
    "react-scripts": "3.0.1"
  },