erikdakoda / vulcan-material-ui Goto Github PK

I got the TypeError: Cannot read property '@global' of undefined at handleNestedGlobalContainerRule (node_modules/jss-global/lib/index.js:125:20) after upgrading the package from 1.10.1_9 to 1.11.2.

I followed those steps to install the npm modules and the error is still there.
$ meteor add erikdakoda:vulcan-material-ui

$ meteor npm install --save @material-ui/core
$ meteor npm install --save mdi-material-ui
$ meteor npm install --save react-autosuggest
$ meteor npm install --save autosuggest-highlight

See the attached picture. Tested with 1.11.2_1 and Material UI 3.2.2, but it looks the same with 3.0.3.

Hi, I tried to update material-ui/core and react-jss to the latest version (from 1.5 to 3), and I get this error TypeError: SheetsRegistry is not a constructor in wrapWithMuiTheme server side. I still can't figure it out, it persists after installing jss. Yet SheetsRegistry is indeed a class even in the latest versions.

I downloaded vulcan-material-ui to packages. It returns an error after I start the server.
W20190224-22:28:16.101(-8)? (STDERR) in the root directory of your application. W20190224-22:28:16.310(-8)? (STDERR) packages/erikdakoda_vulcan-material-ui.js:16 W20190224-22:28:16.310(-8)? (STDERR) export * from '../components'; W20190224-22:28:16.310(-8)? (STDERR) ^^^^^^ W20190224-22:28:16.311(-8)? (STDERR) W20190224-22:28:16.311(-8)? (STDERR) SyntaxError: Unexpected token export W20190224-22:28:16.311(-8)? (STDERR) at createScript (vm.js:80:10) W20190224-22:28:16.311(-8)? (STDERR) at Object.runInThisContext (vm.js:139:10) W20190224-22:28:16.311(-8)? (STDERR) at /home/grumpy/WebstormProjects/Vulcan-Starter-apollo2/.meteor/local/build/programs/server/boot.js:393:30 W20190224-22:28:16.311(-8)? (STDERR) at Array.forEach (<anonymous>) W20190224-22:28:16.311(-8)? (STDERR) at /home/grumpy/WebstormProjects/Vulcan-Starter-apollo2/.meteor/local/build/programs/server/boot.js:220:19 W20190224-22:28:16.311(-8)? (STDERR) at /home/grumpy/WebstormProjects/Vulcan-Starter-apollo2/.meteor/local/build/programs/server/boot.js:471:5 W20190224-22:28:16.312(-8)? (STDERR) at Function.run (/home/grumpy/WebstormProjects/Vulcan-Starter-apollo2/.meteor/local/build/programs/server/profile.js:510:12) W20190224-22:28:16.312(-8)? (STDERR) at /home/grumpy/WebstormProjects/Vulcan-Starter-apollo2/.meteor/local/build/programs/server/boot.js:470:11
How do I fix this? Thanks

Form fields do not apply variant is supplied

  amount: {
    type: Number,
    canRead: ['guests'],
    canUpdate: ['members'],
    canCreate: ['guests'],
    inputProperties: {
      addonBefore: <Icon>attach_money</Icon>,
      variant: "outlined"
    }
  },

All the typographies in the ThemeStyles component are passed a prop 'type' for their styling, I believe the prop should be "variant" instead? From my point of view the typographies are displaying as the default "body1".
See typography API here: https://material-ui-next.com/api/typography/
Or did you implement a usage for this prop especially?
@ErikDakoda

When ever I use chips for categories list or a card I gets a following error message as:
Warning: Prop className did not match. Server: "MuiChip-label-131" Client: "MuiChip-label-130"

A pull request got made

Hi, first of all, thank you for making it so easy to get material design on the default Vulcan components.

The link to the MUI default theme page has probably changed. You link to this place while this is the real link.

Again, thanks for the great package - I really just had to add the packages and declare it in the package.js in my copy of the movie example I just finished and won't you know it, everything is material design!

I used the vulcan:admin package and when going to the route /admin it threw the error "Cannot read property 'tooltipEnterDelay' of undefined" from TooltipIconButton.jsx:45 .

I solved it by commenting the line enterDelay={theme.utils.tooltipEnterDelay}, i've seen you added it to fix another bug, which I hope I won't fall into next. I'll be running with it commented for now.

I'm running your sampletheme, because i'm just prototyping for now, but i guess the theme.utils.tooltipEnterDelay must be defined in it? I'm really new to material-ui and i've only fiddled with the components for now, not the theming tool.

PS: great job with the package, this is really needed for people wanting to use Vulcan but don't want to go with bootstrap

Hi Erik,

There is a strange behavior of Accounts forms.
Except with Chromium browser, there are no labels, placeholders or even text inside buttons (spans are empty).
Login form with Chrome or Firefox:

Using Chromium:

Any idea about this ?

Julien

'FormComponents.FormComponent' should be 'Components.FormComponent'?

Hi, the Sample theme does not seem to be loaded automatically in the current version, not sure why, so theme.utils is undefined.

I tried vulcan-material-ui with the devel branch of Vulcan, and I got this error in server side

// error at callback [injectJss] in hook [router.server.postrender]
TypeError: Cannot read property 'sheetsRegistry' of undefined
　  at injectJss (packages/erikdakoda:vulcan-material-ui/server/wrapWithMuiTheme.jsx:34:22)
　  at runCallback (packages/vulcan:lib/lib/modules/callbacks.js:108:33)
　  at packages/vulcan:lib/lib/modules/callbacks.js:156:16
    at Array.reduce (<anonymous>)
　  at runCallbacks (packages/vulcan:lib/lib/modules/callbacks.js:136:22)
　  at Promise.asyncApply (packages/vulcan:lib/lib/server/apollo-ssr/renderPage.js:75:5)
　  at /Users/enzo/.meteor/packages/promise/.0.11.2.1eqp2nx.ymsr++os+web.browser+web.browser.legacy+web.cordova/npm/node_modules/meteor-promise/fiber_pool.js:43:40

This is the code that throw the error https://github.com/ErikDakoda/vulcan-material-ui/blob/master/server/wrapWithMuiTheme.jsx#L34

Hi, version 1.4 of react-keyboard-event-handler realsead 3 days ago seems to break SSR (window is not defined). I suggest to stick to 1.3.2 for the moment.

Hi, the Datatable does not tolerate passing a data prop to trigger a static render (e.g when it's included in another component that takes care of loading the data). It needs an update to match the current Vulcan Datatable.

I am trying to fix it but not sure I'll come with a PR, I open this issue so that it is documented.

C:\Users\Calin\AppData\Local.meteor\packages\meteor-tool\1.7.0_1\mt-os.windows.x86_64\dev_bundle\server-lib\node_modules\fibers\future.js:280W20181214-12:43:50.177(-5)? (STDERR) throw(ex);W20181214-12:43:50.178(-5)? (STDERR) ^
W20181214-12:43:50.179(-5)? (STDERR)
W20181214-12:43:50.179(-5)? (STDERR) Error: Cannot find module 'autosize-input'
W20181214-12:43:50.179(-5)? (STDERR) at Function.Module._resolveFilename (module.js:547:15)
W20181214-12:43:50.180(-5)? (STDERR) at Function.resolve (internal/module.js:18:19)
W20181214-12:43:50.180(-5)? (STDERR) at Object.require (C:\Users\Calin\Documents\proyectos\perros\perros.meteor\local\build\programs\server\boot.js:288:32)
W20181214-12:43:50.180(-5)? (STDERR) at makeInstallerOptions.fallback (packages\modules-runtime.js:618:18)
W20181214-12:43:50.181(-5)? (STDERR) at Module.require (packages\modules-runtime.js:244:14)
W20181214-12:43:50.181(-5)? (STDERR) at require (packages\modules-runtime.js:258:21)
W20181214-12:43:50.181(-5)? (STDERR) at SearchInput.jsx (packages/erikdakoda:vulcan-material-ui/components/bonus/SearchInput.jsx:1:1115)
W20181214-12:43:50.181(-5)? (STDERR) at fileEvaluate (packages\modules-runtime.js:336:7)
W20181214-12:43:50.182(-5)? (STDERR) at Module.require (packages\modules-runtime.js:238:14)
W20181214-12:43:50.182(-5)? (STDERR) at require (packages\modules-runtime.js:258:21)
W20181214-12:43:50.182(-5)? (STDERR) at index.js (packages/erikdakoda:vulcan-material-ui/components/index.js:1:429)
W20181214-12:43:50.183(-5)? (STDERR) at fileEvaluate (packages\modules-runtime.js:336:7)
W20181214-12:43:50.183(-5)? (STDERR) at Module.require (packages\modules-runtime.js:238:14)
W20181214-12:43:50.184(-5)? (STDERR) at require (packages\modules-runtime.js:258:21)
W20181214-12:43:50.184(-5)? (STDERR) at main.js (packages/erikdakoda:vulcan-material-ui/server/main.js:1:14)
W20181214-12:43:50.184(-5)? (STDERR) at fileEvaluate (packages\modules-runtime.js:336:7)
W20181214-12:43:50.184(-5)? (STDERR) at Module.require (packages\modules-runtime.js:238:14)
W20181214-12:43:50.185(-5)? (STDERR) at require (packages\modules-runtime.js:258:21)
W20181214-12:43:50.185(-5)? (STDERR) at C:\Users\Calin\Documents\proyectos\perros\perros.meteor\local\build\programs\server\packages\erikdakoda_vulcan-material-ui.js:10238:15W20181214-12:43:50.185(-5)? (STDERR) at C:\Users\Calin\Documents\proyectos\perros\perros.meteor\local\build\programs\server\packages\erikdakoda_vulcan-material-ui.js:10243:3
W20181214-12:43:50.186(-5)? (STDERR) at C:\Users\Calin\Documents\proyectos\perros\perros.meteor\local\build\programs\server\boot.js:411:36
W20181214-12:43:50.189(-5)? (STDERR) at Array.forEach ()
=> Exited with code: 1

Your app is crashing. Here's the latest log:
/Users/arunkumargupta/.meteor/packages/meteor-tool/.1.6.1.1vr3nk.j9siy++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/dev_bundle/server-lib/node_modules/fibers/future.js:280
throw(ex);
^

Error: Cannot find module 'graphql-server-express'
at Function.Module._resolveFilename (module.js:538:15)
at Function.resolve (internal/module.js:18:19)
at Object.require (/arun-works-file/node-work/Taherlal-Shaik/DHID-Framework/dhid-demo/.meteor/local/build/programs/server/boot.js:288:32)
at makeInstallerOptions.fallback (packages/modules-runtime.js:651:18)
at require (packages/modules-runtime.js:244:16)
at apollo_server.js (packages/vulcan:lib/lib/server/apollo_server.js:1:49)
at fileEvaluate (packages/modules-runtime.js:343:9)
at require (packages/modules-runtime.js:238:16)
at main.js (packages/vulcan:lib/lib/server/main.js:1:57)
at fileEvaluate (packages/modules-runtime.js:343:9)
at require (packages/modules-runtime.js:238:16)
at /arun-works-file/node-work/Taherlal-Shaik/DHID-Framework/dhid-demo/.meteor/local/build/programs/server/packages/vulcan_lib.js:3317:15
at /arun-works-file/node-work/Taherlal-Shaik/DHID-Framework/dhid-demo/.meteor/local/build/programs/server/packages/vulcan_lib.js:3324:3
at /arun-works-file/node-work/Taherlal-Shaik/DHID-Framework/dhid-demo/.meteor/local/build/programs/server/boot.js:411:36
at Array.forEach ()
at /arun-works-file/node-work/Taherlal-Shaik/DHID-Framework/dhid-demo/.meteor/local/build/programs/server/boot.js:220:19
at /arun-works-file/node-work/Taherlal-Shaik/DHID-Framework/dhid-demo/.meteor/local/build/programs/server/boot.js:471:5
at Function.run (/arun-works-file/node-work/Taherlal-Shaik/DHID-Framework/dhid-demo/.meteor/local/build/programs/server/profile.js:510:12)
at /arun-works-file/node-work/Taherlal-Shaik/DHID-Framework/dhid-demo/.meteor/local/build/programs/server/boot.js:470:11
Exited with code: 1
Your application is crashing. Waiting for file change.

Hi,

I just installed this package following the README instructions but the app crashes with this error: Error: Cannot find module '@material-ui/core/styles/createGenerateClassName', any idea?

I'm working in a new Vulcan project, this is my package file:

# see http://docs.vulcanjs.org/packages

vulcan:core

############ Language Packages ############

vulcan:i18n-en-us

############ Accounts Packages ############

accounts-password@1.5.1
# accounts-twitter
# accounts-facebook

############ Your Packages ############

# getting-started

# iparra-crud-posts
# example-simple
# example-movies
# example-instagram
# example-forum
# example-customization
# example-permissions
# example-membership
# example-interfaces
# example-reactions
# example-forms
tmeasday:check-npm-versions
erikdakoda:vulcan-material-ui

Thanks!

Here's the error off of a fresh install:

at replaceComponent (packages/vulcan:lib/lib/modules/components.js:109:81)
at Datatable.jsx (packages/erikdakoda:vulcan-material-ui/components/core/Datatable.jsx:334:1)

Thanks for the great work!

Due to recent changes in vulcan, a new FormElelment Component is needed for material ui.