Node.js 为什么在React中没有正确加载类？

在我的应用程序中，我使用React on Rails和webpack来构建它

Im使用OSX和VSCode。当我试图从我的文件导入我的Redux存储时，我得到一个奇怪的“未捕获错误：找不到模块”。/../bundles/Store

但是在下一行，同一个文件中，导入是正确的

这是我的客户端/app/components/wallbuilder/wallbuilder.jsx导入：

import { store as STORE } from "../../bundles/store";
import { enclosure } from "../../bundles/store/action_creators.jsx";

这里是我的client/app/bundles/store.jsx文件：

import {createStore, combineReducers} from 'redux';

// Note: this file is not very decomposed on purpose.
// Start splitting only if this is unwieldy to handle

function counter(state = 0, action) {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1
    case 'DECREMENT':
      return state - 1
    default:
      return state
  }
}
// Enclosure
import * as ACTIONS from './store/actions.jsx';
const ENCLOSURE_INITIAL = {cladding: '', type: '', showFilters: true};

function enclosure(state = ENCLOSURE_INITIAL, action) {
  switch(action.type) {
  case ACTIONS.ENCLOSURE_SET_CLADDING:
    return Object.assign({}, state, {cladding: action.value})
  case ACTIONS.ENCLOSURE_SET_TYPE:
    return Object.assign({}, state, {type: action.value})
  case ACTIONS.ENCLOSURE_SHOW_FILTERS:
    return Object.assign({}, state, {showFilters: action.value})
  default:
    return state;
  }

}



export const store = createStore(combineReducers({counter, enclosure}));

试图导入{store as store}的这一行被中断

在我的文件夹/文件上

---

那么，在我的wallbuilder文件中没有正确加载存储的选项有哪些呢？

我认为您在这里犯了一个小错误。JSX是react JSX语法的扩展，但您的代码只是js代码，所以您需要像这样将文件扩展名更改为js

import { enclosure } from "../../bundles/store/action_creators.js";

---

我认为您在这里犯了一个小错误。JSX是react JSX语法的扩展，但您的代码只是js代码，所以您需要像这样将文件扩展名更改为js

import { enclosure } from "../../bundles/store/action_creators.js";

---

store.jsx

has

import

位于

计数器

减速机下方..将

import

移动到顶部会有助于解决问题吗？

store.jsx

has

import

位于

计数器

减速机下方..将

import

移动到顶部会有助于解决问题吗？我将所有文件移动到同一文件夹并我认为这与导入有关“../../|我将所有文件移到了同一个文件夹中，结果成功了。我认为这是与进口有关的事情/|