时间戳

首页 > 解决方案 > 在生产 Firebase 中找不到模块“styled-jsx/style”

javascript - 在生产 Firebase 中找不到模块“styled-jsx/style”

问题描述

我构建了一个 Next js 应用程序，试图为其添加一些 css。尝试使用内置的 styled-jsx css lib 。在本地一切正常。

现在，当我在 firebase 托管中上传相同内容并尝试使用 firebase functions 进行 SSR 时。我得到这个错误。

问题是：如果样式化的 jsx 是下一个 js 的一部分，那么为什么会看到这个错误。这也仅在生产中

使用下一个 js 6+ 。

我知道我总是可以将样式化的 jsx 添加为依赖项，但试图理解为什么它不工作，因为它应该已经内置到下一个 js 中。

提前致谢！

这是我的 package.json 内容：

 "dependencies": {
    "@babel/runtime": "^7.1.2",
    "firebase": "^5.5.3",
    "firebase-admin": "^5.12.1",
    "firebase-functions": "^2.0.5",
    "next": "^6.1.1",
    "react": "^16.4.0",
    "react-dom": "^16.4.0"
  },
  "devDependencies": {
    "@babel/cli": "^7.1.2",
    "@babel/core": "^7.1.2",
    "@babel/preset-env": "^7.1.0",
    "@firebase/app-types": "^0.3.2",
    "cpx": "^1.5.0",
    "firebase-tools": "^3.18.6",
    "prettier": "^1.13.5",
    "rimraf": "^2.6.2"
  }

错误 ： 

 Error: Cannot find module 'styled-jsx/style'
    at Function.Module._resolveFilename (module.js:476:15)
at Function.Module._load (module.js:424:25)
at Module.require (module.js:504:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (/user_code/next/server/bundles/pages/mystatus.js:245:18)
at __webpack_require__ (webpack:/webpack/bootstrap 51b5f67292a9fe79adac:21:0)
at Object.<anonymous> (/user_code/next/server/bundles/pages/mystatus.js:101:75)
at __webpack_require__ (webpack:/webpack/bootstrap 51b5f67292a9fe79adac:21:0)
at Object.module.exports.Object.defineProperty.value (/user_code/next/server/bundles/pages/mystatus.js:89:18)
at __webpack_require__ (webpack:/webpack/bootstrap 51b5f67292a9fe79adac:21:0) code: 'MODULE_NOT_FOUND', sourceMapsApplied:

标签： javascriptreactjsnext.jsserver-side-rendering

解决方案

推荐阅读