javascript – 无法在React.js中解析模块(未找到)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 无法在React.js中解析模块(未找到)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1754字，纯文字阅读大概需要3分钟。

内容图文

我不敢相信我问了一个明显的问题,但我仍然在控制台日志中得到错误.

控制台说它无法在目录中找到该模块,但我已经检查了至少10次打字错误.无论如何,这是组件代码.

我想在root中呈现Header

import React, { Component } from 'react'
import Header from './src/components/header/header'
import logo from './logo.svg'
import './App.css'

class App extends Component {
  render() {
    return (
      <Header/>
    );
  }
}

export default App;

这是Header组件

import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import navBar from './src/components/header/navBar'
import './src/css/header.css'

class Header extends Component {
    render() {
        return {
            <div>
             <div id="particles-js"></div>
             <navBar/>
             <Title/>
          </div>
        };
    }
}

ReactDOM.render(<Header/>, document.getElementById('header'));

我已经检查了模块位于此位置的至少10次./src/components/header/header,它是(文件夹“header”包含“header.js”).

然而,React仍然抛出这个错误：

编译失败

./src/App.js
找不到模块：无法解析’/ home / wiseman / Desktop / React_Components / github-portfolio / src’中的’./src/components/header/header’

npm测试说同样的事情.

解决方法:

我们通常使用导入的方式基于相对路径.

.和..类似于我们如何在终端中使用如cd ..导航出目录和mv~ / file.将文件移动到当前目录.

my-app/
  node_modules/
  package.json
  src/
    containers/card.js
    components/header.js
    App.js
    index.js

在您的情况下,App.js位于src /目录中,而header.js位于src / components中.要导入,您可以从’./components/header’导入Header.这大致转换为我当前的目录,找到包含头文件的components文件夹.

现在,如果来自header.js,你需要从卡片中导入一些内容,你就可以这样做.从’../containers/card’导入卡片.这将转换为,移出当前目录,查找具有卡文件的文件夹名称容器.

至于导入React,来自’react’的{Component},这不是以./或../开头,或者因此节点将以特定顺序开始在node_modules中查找模块,直到找到反应为止.有关更详细的理解,可以阅读here.

内容总结

以上是互联网集市为您收集整理的javascript – 无法在React.js中解析模块(未找到)全部内容，希望文章能够帮你解决javascript – 无法在React.js中解析模块(未找到)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---