Reactjs 无法导入React组件中的节点模块_Reactjs_Npm_Webpack_Import_Module

Reactjs 无法导入React组件中的节点模块

reactjs npm webpack import module

Reactjs 无法导入React组件中的节点模块,reactjs,npm,webpack,import,module,Reactjs,Npm,Webpack,Import,Module,我正在摆弄以下本地drf react设置。我对react和javascript都是新手，完全不知道为什么我不能在react组件中导入axios或任何其他节点模块，除了cookiecutter项目本身附带的模块。这与react dev utils..有关吗。。？我想使用webpack，但我无法正确设置它。我的前端docker容器无法编写，告诉我安装webpack cli。非常感谢你的帮助您应该在前端文件夹中运行命令npm install：打开终端查找前端文件夹在其内部运行命令npm in

我正在摆弄以下本地drf react设置。我对react和javascript都是新手，完全不知道为什么我不能在react组件中导入axios或任何其他节点模块，除了cookiecutter项目本身附带的模块。这与react dev utils..有关吗。。？我想使用webpack，但我无法正确设置它。我的前端docker容器无法编写，告诉我安装webpack cli。非常感谢你的帮助

您应该在前端文件夹中运行命令

npm install

：

打开终端
查找前端文件夹
在其内部运行命令
```
npm install
```

此命令将安装与您的package.json文件（位于前端文件夹中）相关的依赖项

在React文件中，您将把整个路径放在node_modules文件夹中

使用node_模块的想法是为了更容易控制项目中的依赖项。您应该再次考虑使用WebPACK来处理NoDEi模块中的这些文件。

Wepack有一个名为

resolve

的模块，您必须用目录列表和内部React组件填充该模块，您不需要再使用整个路径，因为Webpack将了解在哪里查找：

// ALIAS
resolve: {
   extensions: ['.js', '.jsx', '.scss'],
   modules: [
     'YOUR SOURCE FOLDER',
     'YOUR NODE MODULES FOLDER',
     'ANY OTHER FOLDER'
   ]
}

从文档中：

告诉网页在解析模块时应该搜索哪些目录。

文件：

另外，我还有一个使用Webpack+Bootstrap4的示例。您可以使用为React和Redux构建自己的网页包配置

谢谢。我认为react脚本包含一个webpack dev服务器配置，可以为我解决节点模块的解析问题。是时候设置网页了！