首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >React无法resolve_ in _

React无法resolve_ in _
EN

Stack Overflow用户
提问于 2020-06-06 17:59:10
回答 3查看 45关注 0票数 0

我正在尝试学习React,我遇到了一个令人恼火的错误。我有一个Header组件和Balance组件,它们都在相同的'components‘文件夹中。即使两个文件的内容在理论上是相同的,Balance.js也会给我一个错误,但Header.js编译没有任何问题……如果我删除所有对Balance.js的引用,它就能完美地运行。

代码语言:javascript
复制
Failed to compile.

./src/components/Balance.js
Module not found: Can't resolve 'C:\xampp\htdocs\xampp\Projects\expenseTracker\expense-tracker\node_modules\react-scripts\node_modules\babel-loader\lib\index.js' in 'C:\xampp\htdocs\xampp\Projects\expenseTracker\expense-tracker'

Header.js

代码语言:javascript
复制
import React from 'react';

export const Header = (props) => {
  return (
    <h2>
      {props.title}
    </h2>
  );
}

Balance.js

代码语言:javascript
复制
import React from 'react';

export const Balance = (props) => {
  return (
    <h1>
      ${props.bal}
    </h1>
  );
}

App.js

代码语言:javascript
复制
import React from 'react';
import './App.css';
import { Header } from './components/Header';
import { Balance } from './components/Balance';

function App() {
  return (
    <div>
      <Header title={'Expense Tracker'}/>
      <div className="container">
        <Balance bal={'0.00'}/>
      </div>
    </div>
  )
}

export default App;
EN

回答 3

Stack Overflow用户

发布于 2020-06-06 19:28:57

这应该工作得很好,并且在语法上是正确的。

有没有可能在运行项目之前,您编辑了平衡文件,并且从未保存过它,这会导致错误?

如果不是,您是否正在使用Balance文件中可能未作为依赖项安装的任何库?我知道你在理论上说了同样的话,但只是询问是否有任何可能的库或组件已经从一个库或组件中删除,而不是另一个库或组件。

票数 0
EN

Stack Overflow用户

发布于 2020-06-06 19:35:54

实际上,您的代码没有任何错误。

看起来你和babel有点问题。

尝试安装/重新安装npm install babel-loader

票数 0
EN

Stack Overflow用户

发布于 2020-06-06 19:38:21

删除node_modules和package-lock.json文件并运行

代码语言:javascript
复制
 npm install
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62230078

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档