Question

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

现在，当我在firebase托管中上传相同内容并尝试使用firebase函数进行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:

在生产Firebase中找不到模块'styled-jsx / style'

0 个答案: