Я создал приложение Next js, для которого пытаюсь добавить CSS.Попробовал с помощью встроенной библиотеки Styled-JSX CSS.Все отлично работает в локальной сети.
Теперь, когда я загружаю то же самое на хостинге Firebase и пробую SSR, используя функции Firebase.Я получаю эту ошибку.
Вопрос: если стиль 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: