Question

React无法解决将组件导入到YouTubeApp.js中的问题。看来很愚蠢，我的React应用程序中还有其他组件可以毫无问题地导入，但是特别是我无法导入。

Github：https://github.com/JAlonsoHdz/React_UnsplashClientApp/tree/master/src/components

其他上下文，YouTubeApp.js当前已导入我的index.js中，没有任何问题。我正在使用在index.js和链接中导入的React路由以及成功链接到YouTubeApp.js的路由链接。每当我尝试将任何组件导入YouTubeApp.js时，都会出现无法解析“组件名称”错误，而没有任何导入的组件YouTubeApp.js可以正常工作。

我已经验证了正确的路径，即组件的名称。

YouTubeApp.js

import React from 'react';
import Other from './components/other';


class YouTubeApp extends React.Component {
    render() {
        return (<p>test</p>

        );
    }
}

export default YouTubeApp;

这是我要导入的组件：

import React from 'react';

class Other extends React.Component {
    render() {
        return (
            <div clasNames="ui container">test!</div>           
            );
    }
}

export default Other;

我需要在更多组件中嵌套至少几个级别，但此问题无法解决。

Answer 1

查看您的GitHub存储库，看来YouTubeApp.js和other.js都在“ components”目录中。因此，在YouTubeApp.js（或“ components”目录中的任何其他组件）中，您的导入应为：

name_player = soup.find_all(class_='providerLogoInner')[0]

Answer 2

您可能只需要将扩展名添加到其他。

尝试：从'./components/other.js'导入Other；

React不会导入我的模块“找不到模块：无法解析”

2 个答案: