Express Server環境でFirebaseストレージが動作しない

私は現在アプリケーションを構築中で、Expressを使用して作成した実動サーバー環境をテストしようとしています。 webpack-dev-serverを経由するとアプリケーションがうまく動作しますが、server.jsがwebpackにバンドルされ、node server.bundle.jsが実行されると、Firebaseストレージに関する次のエラーが発生します。Express Server環境でFirebaseストレージが動作しない

/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:533 
    var storage = _firebaseConfig2.default.storage(); 
             ^

TypeError: _firebaseConfig2.default.storage is not a function

ノードは、最終的に私の開発環境の実行に切り替わります。

以下は私の依存関係とnpmスクリプトが入っている私のpackage.jsonです。私の端末からログが来ています。

私は '_firebaseConfig2.default.storageは関数ではありませんでした。

Package.json

{ 
    "name": "mtbparks-member-app", 
    "version": "0.1.0", 
    "main": "index.html", 
    "scripts": { 
    "start": "if-env NODE_ENV=production && npm run start:prod || npm run start:dev", 
    "start:dev": "webpack-dev-server --inline --content-base build/ --history-api-fallback && postcss --use autoprefixer -d build src/styles.css", 
    "start:prod": "npm run build && node server.bundle.js", 
    "build:client": "webpack && postcss --use autoprefixer -d build src/styles.css", 
    "build:server": "webpack --config webpack.server.config.js", 
    "build": "npm run build:client && npm run build:server", 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "license": "ISC", 
    "devDependencies": { 
    "autoprefixer": "^6.3.6", 
    "babel-core": "^6.8.0", 
    "babel-loader": "^6.2.4", 
    "babel-polyfill": "^6.9.0", 
    "babel-preset-es2015": "^6.6.0", 
    "babel-preset-react": "^6.5.0", 
    "eslint": "^2.9.0", 
    "eslint-loader": "^1.3.0", 
    "eslint-plugin-react": "^5.1.1", 
    "http-server": "^0.9.0", 
    "postcss-cli": "^2.5.2", 
    "postcss-loader": "^0.9.1", 
    "webpack": "^1.13.0", 
    "webpack-dev-server": "^1.14.1" 
    }, 
    "dependencies": { 
    "compression": "^1.6.2", 
    "express": "^4.13.4", 
    "firebase": "3.0.2", 
    "foundation-sites": "^6.2.1", 
    "if-env": "^1.0.0", 
    "re-base": "^1.5.1", 
    "react": "^15.0.2", 
    "react-dom": "^15.0.2", 
    "react-router": "^2.4.0" 
    } 
}

ログ

=> NODE_ENV=production npm start 

> [email protected] start /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp 
> if-env NODE_ENV=production && npm run start:prod || npm run start:dev 


> [email protected] start:prod /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp 
> npm run build && node server.bundle.js 


> [email protected] build /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp 
> npm run build:client && npm run build:server 


> [email protected] build:client /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp 
> webpack && postcss --use autoprefixer -d build src/styles.css 

Hash: cf9ca8bbc1315fc1c9db 
Version: webpack 1.13.0 
Time: 14624ms 
     Asset  Size Chunks    Chunk Names 
    bundle.js 855 kB  0 [emitted] main 
bundle.js.map 4.59 MB  0 [emitted] main 
    [0] multi main 40 bytes {0} [built] 
    + 538 hidden modules 

> [email protected] build:server /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp 
> webpack --config webpack.server.config.js 

Hash: 4561926734ef8e1e5a47 
Version: webpack 1.13.0 
Time: 973ms 
      Asset  Size Chunks    Chunk Names 
server.bundle.js 27.6 kB  0 [emitted] main 
    [0] multi main 40 bytes {0} [built] 
    + 17 hidden modules 
/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:533 
    var storage = _firebaseConfig2.default.storage(); 
             ^

TypeError: _firebaseConfig2.default.storage is not a function 
    at Object.defineProperty.value (/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:533:41) 
    at __webpack_require__ (/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:20:30) 
    at Object.defineProperty.value (/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:179:14) 
    at __webpack_require__ (/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:20:30) 
    at Object.<anonymous> (/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:83:16) 
    at Object.<anonymous> (/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:121:31) 
    at __webpack_require__ (/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:20:30) 
    at Object.<anonymous> (/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:48:19) 
    at __webpack_require__ (/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:20:30) 
    at /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:40:18 

npm ERR! Darwin 14.5.0 
npm ERR! argv "/Users/palcisto/.nvm/versions/node/v5.11.1/bin/node" "/Users/palcisto/.nvm/versions/node/v5.11.1/bin/npm" "run" "start:prod" 
npm ERR! node v5.11.1 
npm ERR! npm v3.8.6 
npm ERR! code ELIFECYCLE 
npm ERR! [email protected] start:prod: `npm run build && node server.bundle.js` 
npm ERR! Exit status 1 
npm ERR! 
npm ERR! Failed at the [email protected] start:prod script 'npm run build && node server.bundle.js'. 
npm ERR! Make sure you have the latest version of node.js and npm installed. 
npm ERR! If you do, this is most likely a problem with the mtbparks-member-app package, 
npm ERR! not with npm itself. 
npm ERR! Tell the author that this fails on your system: 
npm ERR!  npm run build && node server.bundle.js 
npm ERR! You can get information on how to open an issue for this project with: 
npm ERR!  npm bugs mtbparks-member-app 
npm ERR! Or if that isn't available, you can get their info via: 
npm ERR!  npm owner ls mtbparks-member-app 
npm ERR! There is likely additional logging output above. 

npm ERR! Please include the following file with any support request: 
npm ERR!  /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/npm-debug.log 

> [email protected] start:dev /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp 
> webpack-dev-server --inline --content-base build/ --history-api-fallback && postcss --use autoprefixer -d build src/styles.css 

http://localhost:8080/ 
webpack result is served from/
content is served from /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/build 
404s will fallback to /index.html 
Hash: e38d4972b9458e39b46c 
Version: webpack 1.13.0 
Time: 16461ms 
     Asset  Size Chunks    Chunk Names 
    bundle.js 928 kB  0 [emitted] main 
bundle.js.map 5.17 MB  0 [emitted] main

出典

2016-05-23 CSSDevMonkey

Firebaseストレージが、ここではdev：

Firebaseストレージは現在、唯一のブラウザJSです。は既に多数の高品質のクライアントライブラリを提供しているため、別のクライアントライブラリを再実装する必要はありませんでした。このタイプの開発にはGCloud-Nodeライブラリを使用することをおすすめします。これは、既存のストレージバケットと標準的なFirebase Server開発設定の指示に使用できます。

出典

2016-05-23 16:46:25

マイクありがとうございます。あなたのために1つの質問。私の主なbundle.jsには、私のリアクションアプリJSのすべてが入っているブラウザ版を使っているので、うまくいくと思いました。 Reactコードサーバー側をExpressでレンダリングしているので、ブラウザJSとして扱われなくなったからでしょうか？私はWebpack、Express、React、そしてFirebaseまでさえも新しくしています（今週始めたばかりです）。 – CSSDevMonkey

これはかなり混乱しています。NodeJS APIは、データベースAPIのようなブラウザAPIと一致する必要があります。 – jujule

私は、異なっているAPIが多少混乱していることに同意します、そして私たちは、それらを今後より似ているようにするオプションを調査しています。 –

これは合意していますが、これはFirebaseの全目的に反しているようです。一方で、現場のオフィシャルドコでは、「Firebase Node.JSのいくつかの機能が必要です...」（または類似している）と言われていますが、この場合はNode.JSを使用できません。

出典

2016-06-09 22:41:26 mikeyman22

Express Server環境でFirebaseストレージが動作しない

答えて

関連する問題