被React的文件目录结构弄糊涂了

Question

有人可以解释为什么吗

import React from '../node_modules/react';

与以下相同：

import React from 'react';

这：

import './App.css';

与以下不同：

import 'App.css';   or import 'App.css';

在后面的示例中，我收到一条消息，指出在src目录中找不到文件App.css，但是它存在。

Answer 1

它通过名称标识模块

但是文件只能按路径检测 如您将在the documentation

中看到的

  

模块名称   要从中导入的模块。这通常是包含模块的.js文件的相对或绝对路径名。某些捆绑软件可能允许或要求使用扩展名；检查您的环境。只能使用单引号和双引号的字符串。

     

名称   引用导入时将用作一种名称空间的模块对象的名称。

Answer 2

可以在不指定路径的情况下导入已安装的节点模块。

App.css不是节点模块，因此需要指定路径

自create react app V3发布以来，您还可以键入绝对路径，而不用有时使用混淆方法'./../ file.js'