2017-01-07 2 views
0

Это не имеет никакого смысла:Импорта в изоморфном приложении

import {Dispatcher} from 'flux'; 
console.log('Dispatcher', Dispatcher) 

Я использую the same boilerplate как обычно, одной и ту же версию узла, те же составители, те же подходы и т.д ... Но выше console.log правильно журналы Dispatcher функция на стороне сервера и undefined на стороне клиента.

Если я делаю это:

import Flux from 'flux'; 
console.log('Flux', Flux) 

стороне сервера журналы:
Flux { Dispatcher: [Function: Dispatcher] }

стороне клиента:

actions: undefined 
constants: { 
    TEST_ACTION: "TEST_ACTION" 
} 
dispatcher: undefined 

Видимо, я делаю только какие-то дурацкие простую ошибку где-то, но я не могу его найти.

Зависимости:

"dependencies": { 
    "babel-polyfill": "6.5.0", 
    "fetch-plus": "3.8.1", 
    "fetch-plus-bearerauth": "3.5.0", 
    "fetch-plus-json": "3.6.0", 
    "file-loader": "0.8.5", 
    "flux": "^2.1.1", 
    "isomorphic-fetch": "2.2.1", 
    "keymirror": "^0.1.0", 
    "koa": "1.2.0", 
    "koa-proxy": "0.5.0", 
    "koa-static": "2.0.0", 
    "object-assign": "^4.0.1", 
    "react": "0.14.7", 
    "react-dom": "0.14.7", 
    "react-inline-css": "2.1.0", 
    "react-router": "2.0.0", 
    "react-transmit": "3.1.7" 
    }, 
    "devDependencies": { 
    "babel": "6.5.2", 
    "babel-core": "6.6.5", 
    "babel-loader": "6.2.4", 
    "babel-preset-es2015": "6.6.0", 
    "babel-preset-react": "6.5.0", 
    "babel-preset-react-hmre": "1.1.1", 
    "babel-preset-stage-0": "6.5.0", 
    "concurrently": "2.0.0", 
    "forever": "0.15.1", 
    "gulp": "^3.9.1", 
    "gulp-concat": "^2.6.1", 
    "gulp-sass": "^3.0.0", 
    "gulp-uglify": "^2.0.0", 
    "gulp-uglifycss": "^1.0.6", 
    "json-loader": "0.5.4", 
    "just-wait": "1.0.5", 
    "webpack": "1.13.0", 
    "webpack-dev-server": "1.14.1", 
    "webpack-node-externals": "1.0.0" 
    }, 

ответ

0

омга ... импорта выглядит следующим образом:

import {Dispatcher} from 'flux'; 

этот файл находится в папке «поток», я создал index.js файл в этой папке упростить импорт Actions.js и Dispatcher.js. По какой-то причине webpack предположил, что на стороне клиента from 'flux' означает импорт из этой папки.