Javascript Firebase存储在Express Server环境中不工作

Javascript Firebase存储在Express Server环境中不工作,javascript,express,reactjs,firebase,webpack,Javascript,Express,Reactjs,Firebase,Webpack,我目前正在构建一个应用程序,并尝试测试我使用Express创建的生产服务器环境。当通过webpack dev server提供服务时,该应用程序工作正常,但当我的Expressserver.js被webpack捆绑,并且运行node server.bundle.js时,我会收到以下有关Firebase存储的错误 /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:533 var storage =

我目前正在构建一个应用程序,并尝试测试我使用Express创建的生产服务器环境。当通过webpack dev server提供服务时,该应用程序工作正常,但当我的Express
server.js
被webpack捆绑,并且运行
node server.bundle.js
时,我会收到以下有关Firebase存储的错误

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

TypeError: _firebaseConfig2.default.storage is not a function
节点最终只是切换到运行我的开发环境

下面是我的
package.json
,包含我的依赖项和npm脚本,后跟来自我的终端的日志

我在“firebaseConfig2.default.storage不是一个函数”上进行的所有google/stackoverflow搜索几乎都没有找到任何结果

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

> mtbparks-member-app@0.1.0 start /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp
> if-env NODE_ENV=production && npm run start:prod || npm run start:dev


> mtbparks-member-app@0.1.0 start:prod /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp
> npm run build && node server.bundle.js


> mtbparks-member-app@0.1.0 build /Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp
> npm run build:client && npm run build:server


> mtbparks-member-app@0.1.0 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

> mtbparks-member-app@0.1.0 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! mtbparks-member-app@0.1.0 start:prod: `npm run build && node server.bundle.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the mtbparks-member-app@0.1.0 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

> mtbparks-member-app@0.1.0 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
=>NODE\u ENV=生产npm开始
>mtbparks会员-app@0.1.0开始/Users/palcisto/Sites/sandbox/MTBparks/mtbparksemberapp
>如果env NODE_env=production&&npm run start:prod | | npm run start:dev
>mtbparks会员-app@0.1.0开始:prod/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp
>npm运行构建和节点服务器&node.bundle.js
>mtbparks会员-app@0.1.0构建/Users/palcisto/Sites/sandbox/MTBparks/mtbparksemberapp
>npm运行生成:客户端和npm运行生成:服务器
>mtbparks会员-app@0.1.0构建:客户端/用户/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp
>webpack和postsss--使用autoprefixer-d build src/styles.css
哈希:cf9ca8bbc1315fc1c9db
版本:网页1.13.0
时间:14624ms
资产大小块块名称
bundle.js 855 kB 0[emissed]main
bundle.js.map 4.59 MB 0[emissed]main
[0]多主40字节{0}[内置]
+538隐藏模块
>mtbparks会员-app@0.1.0构建:服务器/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp
>webpack--config webpack.server.config.js
散列:4561926734ef8e1e5a47
版本:网页1.13.0
时间:973ms
资产大小块块名称
server.bundle.js 27.6 kB 0[emissed]main
[0]多主40字节{0}[内置]
+17个隐藏模块
/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:533
var storage=_firebaseConfig2.default.storage();
^
TypeError:\u firebaseConfig2.default.storage不是一个函数
在Object.defineProperty.value(/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:533:41)
在webpack需要(/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:20:30)
在Object.defineProperty.value(/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:179:14)
在webpack需要(/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:20:30)
反对。(/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:83:16)
反对。(/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:121:31)
在webpack需要(/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:20:30)
反对。(/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:48:19)
在webpack需要(/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:20:30)
在/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/server.bundle.js:40:18
npm错误!达尔文14.5.0
npm错误!argv“/Users/palcisto/.nvm/versions/node/v5.11.1/bin/node”“/Users/palcisto/.nvm/versions/node/v5.11.1/bin/npm”“运行”“启动:产品”
npm错误!节点v5.11.1
npm错误!npm v3.8.6
npm错误!代码失效循环
npm错误!mtbparks会员-app@0.1.0开始:prod:`npm运行build&&node server.bundle.js`
npm错误!退出状态1
npm错误!
npm错误!在mtbparks成员处失败-app@0.1.0开始:prod脚本“npm运行构建和节点服务器.bundle.js”。
npm错误!确保已安装最新版本的node.js和npm。
npm错误!如果是,这很可能是mtbparks会员应用程序包的问题,
npm错误!与npm本身无关。
npm错误!告诉作者此操作在您的系统上失败:
npm错误!npm运行构建和节点服务器&node.bundle.js
npm错误!您可以通过以下方式获取有关如何打开此项目问题的信息:
npm错误!npm bugs mtbparks会员应用程序
npm错误!或者,如果不可用,您可以通过以下方式获取他们的信息:
npm错误!npm所有者ls mtbparks成员应用程序
npm错误!上面可能还有其他日志输出。
npm错误!请在任何支持请求中包括以下文件:
npm错误/用户/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/npm-debug.log
>mtbparks会员-app@0.1.0开始:dev/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp
>webpack dev server--内联--内容库构建/--历史api回退和后处理--使用autoprefixer-d build src/styles.css
http://localhost:8080/
网页包结果由/
内容由/Users/palcisto/Sites/sandbox/MTBparks/MTBparksMemberApp/build提供
404s将回退到/index.html
散列:e38d4972b9458e39b46c
版本:网页1.13.0
时间:16461毫秒
资产大小块块名称
bundle.js 928 kB 0[emissed]main
bundle.js.map 5.17 MB 0[已发出]主

Firebase存储开发人员,请点击此处:


Firebase存储当前仅用于浏览器JS。因为已经提供了许多高质量的客户端库,所以我们不想重新实现另一个——我们建议在这种类型的开发中使用该库。您可以将其与现有存储桶和典型的开发设置说明一起使用。

同意,这似乎违背了Firebase的全部目的。一方面,places的官方文档中说“…对于Firebase Node.JS的某些功能是必需的…”(或类似),但在这种情况下,我们不能使用Node.JS。

谢谢你,迈克。那么给你一个问题。因为我在主bundle.js中使用的浏览器版本包含我所有的react应用程序js,所以我认为它可以工作。可能是因为我在做这件事吗