Comments (3)
Not enough to reproduce. It should generally work with SSR (like here: https://baseweb.design/components/button/)
from react-view.
So I am using Docusaurus and while running the dev server it works without any issue given the above config. While building the prod build the clients gets successfully built but the server fails.
When I comment out the react-view
code then it gets built successfully.
ERR Log
β Client Compiled successfully in 1.27mβ Server
Compiled with some errors in 1.42mReferenceError: Buffer is not defined
(undefined) ReferenceError: Buffer is not defined
at Object. (main:110171:18)
at webpack_require (main:21:30)
at Object. (main:185585:37)
at webpack_require (main:21:30)
at Object. (main:282495:14)
at webpack_require (main:21:30)
at Object. (main:281210:50)
at webpack_require (main:21:30)
at Object. (main:279113:39)
at webpack_require (main:21:30)
(undefined) ./node_modules/@babel/plugin-transform-react-display-name/node_modules/@babel/core/lib/config/files/plugins.js 165:11-24
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-jsx-source/node_modules/@babel/core/lib/config/files/plugins.js 165:11-24
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-display-name/node_modules/@babel/core/lib/config/files/module-types.js 77:17-34
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-display-name/node_modules/@babel/core/lib/config/files/import.js 9:9-25
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-jsx-source/node_modules/@babel/core/lib/config/files/module-types.js 77:17-34
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-jsx-source/node_modules/@babel/core/lib/config/files/import.js 9:9-25
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-jsx/node_modules/@babel/core/lib/config/files/plugins.js 165:11-24
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-jsx/node_modules/@babel/core/lib/config/files/module-types.js 77:17-34
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-jsx-self/node_modules/@babel/core/lib/config/files/plugins.js 165:11-24
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-jsx/node_modules/@babel/core/lib/config/files/import.js 9:9-25
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-jsx-self/node_modules/@babel/core/lib/config/files/module-types.js 77:17-34
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/plugin-transform-react-jsx-self/node_modules/@babel/core/lib/config/files/import.js 9:9-25
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/core/lib/config/files/plugins.js 165:11-24
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/core/lib/config/files/module-types.js 77:17-34
Critical dependency: the request of a dependency is an expression
(undefined) ./node_modules/@babel/core/lib/config/files/import.js 9:9-25
Critical dependency: the request of a dependency is an expression
Error: Failed to compile with errors.
at /home/undefined/OSS/rne/react-native-elements/website/node_modules/@docusaurus/core/lib/webpack/utils.js:145:24
at finalCallback (/home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/MultiCompiler.js:254:12)
at /home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/MultiCompiler.js:277:6
at done (/home/undefined/OSS/rne/react-native-elements/website/node_modules/neo-async/async.js:2931:13)
at runCompilers (/home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/MultiCompiler.js:181:48)
at /home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/MultiCompiler.js:188:7
at /home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/MultiCompiler.js:270:7
at finalCallback (/home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/Compiler.js:257:39)
at /home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/Compiler.js:273:13
at AsyncSeriesHook.eval [as callAsync] (eval at create (/home/undefined/OSS/rne/react-native-elements/website/node_modules/tapable/lib/HookCodeFactory.js:33:10), :40:1)
at AsyncSeriesHook.lazyCompileHook (/home/undefined/OSS/rne/react-native-elements/website/node_modules/tapable/lib/Hook.js:154:20)
at onCompiled (/home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/Compiler.js:271:21)
at /home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/Compiler.js:681:15
at AsyncSeriesHook.eval [as callAsync] (eval at create (/home/undefined/OSS/rne/react-native-elements/website/node_modules/tapable/lib/HookCodeFactory.js:33:10), :4:1)
at AsyncSeriesHook.lazyCompileHook (/home/undefined/OSS/rne/react-native-elements/website/node_modules/tapable/lib/Hook.js:154:20)
at /home/undefined/OSS/rne/react-native-elements/website/node_modules/webpack/lib/Compiler.js:678:31
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
from react-view.
BrowserOnly
API of docusaurus made it work,
<BrowserOnly fallback={<>Loading...</>}>
{() => <ButtonPlayground/>}
</BrowserOnly>
now RNE have integrated playground π
from react-view.
Related Issues (20)
- Allow 'code inside the return statement' to be returned instead of whole code
- Add support for numeric literal types
- IE11 support? HOT 1
- docs: Advance examples HOT 1
- Nested dependency is packaged and published through github which is a potential security risk HOT 2
- Dependency version issue HOT 3
- Latest version v2.3.4 in registry.npmjs.org is different from v2.3.4 release in github HOT 1
- How to change the theme? HOT 2
- Does not work with latest Next.js HOT 5
- Would you consider supporting multiple statements? HOT 2
- Option to disable editing in Editor
- useView doesn't work in next js HOT 10
- Can't resolve 'fs'. in next js@11 HOT 1
- Missing Undefined check in React.useState()
- On useView knobProps don't change if config change
- Support for TypeScript code snippets with knobs HOT 1
- Boolean props that default to undefined canβt be explicitly set to false
- Can't resolve 'linguist-languages/data/JavaScript' in Next 12.2.3
- React useRef hook code not generated
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-view.