Question

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

documentation on preserveAspectRatio

Answer 1

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

打开终端
找到前端文件夹
在其中运行命令npm install

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

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

使用node_modules的想法是让您更容易控制项目中的依赖项。您应该再次考虑使用webpack从node_modules处理这些文件。

Wepack有一个名为resolve的模块，你必须填写一个目录列表，在React组件里面你不再需要使用整个路径，因为Webpack会理解在哪里看：

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

来自文档：

Tell webpack what directories should be searched when resolving modules.

文档：https://webpack.js.org/configuration/resolve/

另外，我有一个使用Webpack + Bootstrap 4的例子。您可以使用为React和Redux构建自己的Webpack配置。

https://github.com/italoborges/webpack-bootstrap4-es6

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

1 个答案: