Question

我在某些使用纯Javascript的项目中使用Highcharts。现在，我使用ReactJS启动一个新项目，并在其上安装高图表。

npm install -g highcharts highcharts-react-official

但是当我使用

启动项目时

yarn start

我遇到以下错误：

Module not found: Can't resolve 'highcharts'

这是我使用命令时得到的

npm列表-g-深度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-react-official，但是问题仍然存在。

如何解决此问题？

Answer 1

您可能必须安装highcharts的打字稿版本。

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"
  },

ReactJS中的Erro-找不到模块：无法解析“ highcharts”

2 个答案: