Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Wrong jss-server-side output in examples with nextjs(include typescript) #25178

Closed
ghost opened this issue Mar 3, 2021 · 1 comment
Closed
Labels
duplicate This issue or pull request already exists package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.

Comments

@ghost
Copy link

ghost commented Mar 3, 2021

Sorry about my poor of english first
When I add some components with nextjs example, an error occurs:
image

  • [x ] The issue is present in the latest release.
  • [x ] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

1.Uncompressed(jss-server-side)
2.without prefix(jss-server-side)

Expected Behavior 🤔

1.compressed(jss-server-side)
2.with prefix(jss-server-side)

Steps to Reproduce 🕹

Steps:

1.add some components in nextjs page
2.yarn build
3.yarn start
4.see the wrong output

Context 🔦

all css compressed with prefix is important for production

Your Environment 🌎

`npx @material-ui/envinfo` System: OS: Windows 10 10.0.19041 Binaries: Node: 14.15.4 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD npm: 6.14.10 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: 88.0.4324.190 Edge: Spartan (44.19041.423.0), Chromium (88.0.705.81) npmPackages: @emotion/react: 11.1.5 => 11.1.5 @emotion/styled: 11.1.5 => 11.1.5 @material-ui/core: next => 5.0.0-alpha.26 @material-ui/styled-engine: 5.0.0-alpha.25 @material-ui/styles: 5.0.0-alpha.26 @material-ui/system: 5.0.0-alpha.26 @material-ui/types: 5.1.7 @material-ui/unstyled: 5.0.0-alpha.26 @material-ui/utils: 5.0.0-alpha.26 @types/react: 17.0.2 => 17.0.2 react: 17.0.1 => 17.0.1 react-dom: 17.0.1 => 17.0.1 typescript: 4.1.5 => 4.1.5

tsconfig.json:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@src*": [
"./src*"
]
},
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve"
},
"include": [
"next-env.d.ts",
"/*.ts",
"
/*.tsx"
],
"exclude": [
"node_modules"
]
}

browser:Google Chrome 88.0.4324.190

  Don't forget to mention which browser you used.
  Output from `npx @material-ui/envinfo` goes here.
@ghost ghost added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Mar 3, 2021
@oliviertassinari oliviertassinari added duplicate This issue or pull request already exists package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5. and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Mar 3, 2021
@oliviertassinari
Copy link
Member

Duplicate of #9293

@oliviertassinari oliviertassinari marked this as a duplicate of #9293 Mar 3, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
duplicate This issue or pull request already exists package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant