当新安装的模块没有出现在 package.json “依赖项”列表中时，如何在 React 中使用它们？

Question

[Updated my question to give more details]

I am quite new at working with React so this maybe a basic question. I installed several modules I will use one as an example for clarity which was @react-google-maps/api

In my PCs terminal I wrote the following for the install:

npm i -S @react-google-maps/api

When I check in the terminal using:

npm ls --depth=0

I see the module is present in the list it returns. (I have Node.js version 16.14.2 and npm version 8.11.0)

When I open my React app (created using the create-react-app template) I do not see the module listed under dependencies or in the node-modules list.

Since I am some trouble using the contents of this module I was hoping someone might advise if there is something I did wrong in the install or need to do before trying to import components from it.

Answer 1

Honestly this happens all the time to me -- not knowing much about your local environment, I would wager that you're likely not in your project's directory and are probably installing it globally.

If you're using VS code, you can just open the terminal in it, but if you're not go ahead and move to the directory that is at the same root level as your package.json. Then do your npm install [DEPENDENCY YOU WANT]

It should work!

Answer 2

如果您使用的是版本 5 之前的 npm 版本，则必须在安装模块时添加--save （或-S ）选项以将它们添加到package.json （例如npm install --save lodash ）。