在应用程序中接收“试图导入错误:”

当试图运行我的 React 应用程序时，我收到了以下错误:

./src/Component/App/App.js
试图导入错误: “ comineReducers”
未从“ . ./. ./store/reducers/”导出。

我是这样输出 combineReducers的:

import { combineReducers } from 'redux';
import userReducers from './userReducers';
import articleReducers from './articleReducers';


export default combineReducers({
userReducers,
articleReducers
});

以下是我在 App.js中导入的方法:

import { combineReducers } from '../../store/reducers';

我输出 combineReducers的方式有什么不正确的地方吗？

250615 次浏览
小开
最佳答案 
import { combineReducers } from '../../store/reducers';

应该是

import combineReducers from '../../store/reducers';

因为它是默认导出，而不是命名导出。

这两个 给你之间的差异有一个很好的分类。

小开

我也有同样的问题，但是我只是在上面输入了 export，并删除了底部的默认值。向下滚动查看评论。

import React, { Component } from "react";


export class Counter extends Component { // type this
export default Counter; // this is eliminated
小开

这是另一种选择:

export default function Counter() {


}
小开

我想我要迟到了，但是这个信息可能对我发现的任何人都有用，这个信息可能很简单但是很重要。 如果直接对函数使用 export，即

export const addPost = (id) =>{
...
}

导入时请注意，需要用大括号括起来 即 import {addPost} from '../URL';

但是当使用导出默认值时，即

const addPost = (id) =>{
...
}

export default addPost,

然后就可以不用大括号导入了。 import addPost from '../url';

export default addPost

我希望这能帮助像我一样困惑的人。

小开

也许我也迟到了，但我有一个类似的问题与组件文件夹内的文件夹。我用大写字母改了文件夹的名字。对我很有效。

小开

如果更改导入没有帮助，也许你只需要运行纱线安装或 npm 安装(或任何你正在使用) ，并重新启动服务器。对我有用。

小开

一定要将组件中导出的常量变量的名称大写。当您在其他地方导入组件时，您还应该检查其第一个字母是否大写，因为这是 React 用来标识其组件的方法之一。

内部组件:

import React from 'react';


export const Component =  (props) => (...)

然后，在进口时:

import {Component} from '../location/file'
小开

请注意，如果您使用的是命名导出，则不需要使用花括号:

export const Component

- >

 import {ComponentName}

只导入带大括号的默认导出组件:

export default

- >

import ComponentName
小开

考虑检查没有指示 git 使用 去你的跟踪的任何文件重命名


提交答案