Closed
Description
What example does this report relate to?
See list below
What version of Next.js are you using?
latest
What version of Node.js are you using?
14.x
What browser are you using?
Chrome
What operating system are you using?
MacOS
How are you deploying your application?
/
Describe the Bug
While testing all examples for this PR, I ran into a few examples that didn't work. Here's a list:
- with-webpack-bundle-size-analyzer
- with-webassembly (fixed in (examples/with-webassembly) fixed for webpack 5 #26440)
- with-i18n-next-intl (fixed in (examples/with-i18n-next-intl): fixes warning #25928)
MISSING_OTHER_CLAUSE
- with-ant-design-mobile (fixed in (example/with-antd-mobile): Fix the example #25929)
- missing peer dependencies with
yarnor our internal package managerturbo
- missing peer dependencies with
- with-kea (fixed in (examples): fix missed peer dependencies #26069)
- missing peer dependencies with
yarnor our internal package managerturbo→@babel/core
- missing peer dependencies with
- with-lingui (fixed in (examples/with-lingui): update example #26076)
- missing peer dependencies with
yarnor our internal package managerturbo→@babel/core - deprecation warnings
- missing peer dependencies with
- with-mobx (fixed in (examples): fix missed peer dependencies #26069)
- missing peer dependencies with
yarnor our internal package managerturbo→@babel/core
- missing peer dependencies with
- with-mobx-react-lite (fixed in (examples): fix missed peer dependencies #26069)
- missing peer dependencies with
yarnor our internal package managerturbo→@babel/core
- missing peer dependencies with
- with-mobx-state-tree (fixed in (examples): fix missed peer dependencies #26069)
- missing peer dependencies with
yarnor our internal package managerturbo→@babel/core
- missing peer dependencies with
- with-mobx-state-tree-typescript (fixed in fix mobx-state-tree-typesript missing babel/core dependency #25589)
- missing peer dependencies with
yarnor our internal package managerturbo→@babel/core
- missing peer dependencies with
- with-next-page-transitions (fixed in fix: move viewport meta tag to head in _app.js #25901)
- Warning: viewport meta tags should not be used in _document.js's
<Head>. https://nextjs.org/docs/messages/no-document-viewport-meta
- Warning: viewport meta tags should not be used in _document.js's
- with-next-sitemap (fixed in fix: added typescript dependency in next-sitemap example #25866)
- missing
devDependencies→typescript
- missing
- ssr-caching
- with-rbx-bulma-pro (fixed in Some examples don't work #25854)
- with-react-md (fixed in (examples/with-react-md): switch from node-sass to sass #26001)
- uses
node-sasswhich doesn't work on StackBlitz because it requires a binary and typically involves running aninstallscript which builds the package. Would be nice if we could switch tosassinstead, thetypescriptversion of this example also uses sass.
- uses
- with-react-multi-carousel (fixed in fix: use key while rendering arrays #25902)
Warning: Each child in a list should have a unique "key" prop
- with-reflux
Warning: componentWillMount has been renamed
- with-tailwindcss-emotion
matchUtilitiesis not a function- Cannot find module
with-tailwindcss-emotion/.next/server/pages-manifest.json
- with-typescript-graphql (fixed in (example/with-typescript-grapql): fix deps #26010)
- with-urql (fixed in (examples/with-urql): fixes graphql server url #25987)
- CORS errors for
https://graphql-pokemon.vercel.app/, maybe we can add stackblitz.com to the allowed origins
- CORS errors for
Expected Behavior
The examples are expected to work locally.
After an example has been fixed, please add a Preview section to the README.md right above Deploy your own.
- Replace
DIRECTORY_NAMEwith the directory name you’re adding.
## Preview
Preview the example live on [StackBlitz](http://stackblitz.com/):
[](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/DIRECTORY_NAME)To Reproduce
Follow the steps in the README.md.
Activity