v3.8.2 issue with @types/jss #14040

benneq · 2018-12-30T22:21:45Z

Compile error:

ERROR in node_modules/@material-ui/core/styles/createGenerateClassName.d.ts(1,10):
TS2305: Module '"node_modules/@types/jss"' has no exported member 'GenerateId'.
ERROR in node_modules/@material-ui/core/styles/jssPreset.d.ts(1,10):
TS2724: Module '"node_modules/@types/jss"' has no exported member 'JssOptions'. Did you mean 'JSSOptions'?
ERROR in node_modules/@material-ui/core/styles/withStyles.d.ts(31,48):
TS2694: Namespace '"node_modules/@types/jss/index"' has no exported member 'StyleSheetFactoryOptions'.

This is not a v0.x issue.
I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

No errors

Current Behavior 😯

Errors

Steps to Reproduce 🕹

Link:

update package.json to "@material-ui/core": "3.8.1"
rm -rf node_modules package-lock.json
npm i
npm start

Context 🔦

I just upgraded from 3.7.1 to 3.8.1. I have no entry for jss nor @types/jss in my package.json.

The only entries for @types/jss in my package-lock.json:

"@material-ui/core": {
  "version": "3.8.1",
  "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-3.8.1.tgz",
  "integrity": "sha512-YhVanMT+DBaw8te6WbpU+RGm/wPYwT2FXlz0JGEexSOReDK3zVuyQJ7mTyDEE+HZQH6p1s6CTXXIH4CoivpogQ==",
  "requires": {
    "@babel/runtime": "7.2.0",
    "@material-ui/system": "^3.0.0-alpha.0",
    "@material-ui/utils": "^3.0.0-alpha.2",
    "@types/jss": "^9.5.6",
    "@types/react-transition-group": "^2.0.8",
    "brcast": "^3.0.1",
    ...



"@types/jss": {
  "version": "9.5.7",
  "resolved": "https://registry.npmjs.org/@types/jss/-/jss-9.5.7.tgz",
  "integrity": "sha512-OZimStu2QdDMtZ0h72JXqvLVbWUjXd5ZLk8vxLmfuC/nM1AabRyyGoxSufnzixrbpEcVcyy/JV5qeQu2JnjVZw==",
  "requires": {
    "csstype": "^2.0.0",
    "indefinite-observable": "^1.0.1"
  }
},

EDIT Happens with @types/jss 9.5.6 and 9.5.7

Your Environment 🌎

Tech	Version
Material-UI	v3.8.1
React	16.7.0
Browser	Chrome 71.0
TypeScript	3.2.2
etc.

The text was updated successfully, but these errors were encountered:

oliviertassinari · 2018-12-30T23:00:42Z

@benneq Do you have a minimal code snippet to share? It would help :).

cc @eps1lon, ok I might have to revisit the JSS version isolation. It's related to #14006.

benneq · 2018-12-30T23:10:12Z

In the meantime I switched back to 3.7.1 and the errors are gone.

Providing a sample seems difficult.. I just set up a completely new project and have no errors:

npx create-react-app mui --typescript
npm i --save @material-ui/core @material-ui/icons
npm i --save @date-io/moment moment material-ui-pickers

I'm not sure which part / component causes the error. But I'll try to add some more code and hopefully encounter the error again.

EDIT: I had a single occurrence of createStyles and withStyles in my code. I removed it. Error is still there.

The search goes on.

EDIT2: MuiThemeProvider wasn't the problem either.

EDIT3: Removed all inline styles. Still the same error.

I have no clue what I should be looking for 😢

HenrikBechmann · 2018-12-31T04:52:07Z

I get the same problem with 3.8.1

cmfcmf · 2018-12-31T12:12:04Z

This happens in my project too. I appear to still have the old version of jss installed after the upgrade to @material-ui/core@3.8.1.

yarn list --pattern "jss|@material-ui"
yarn list v1.12.3
├─ @material-ui/core@3.8.1
├─ @material-ui/icons@3.0.1
├─ @material-ui/system@3.0.0-alpha.0
├─ @material-ui/utils@3.0.0-alpha.2
├─ @types/jss@9.5.7
├─ jss-camel-case@6.1.0
├─ jss-default-unit@8.0.2
├─ jss-global@3.0.0
├─ jss-nested@6.0.1
├─ jss-props-sort@6.0.0
├─ jss-vendor-prefixer@7.0.0
└─ jss@9.8.7 # <--- Should be ^10.0.0-alpha.3 after https://github.com/mui-org/material-ui/pull/14006
Done in 0.81s.

I noticed that the package.json file of @material-ui/core requires the older version, maybe that is the issue?
https://github.com/mui-org/material-ui/blob/e1a4a46a58b8d83adac50dc3b50053bf92fc37be/packages/material-ui/package.json#L51-L57

Compared to @material-ui/styles:
https://github.com/mui-org/material-ui/blob/e1a4a46a58b8d83adac50dc3b50053bf92fc37be/packages/material-ui-styles/package.json#L44-L51

benneq · 2018-12-31T14:52:39Z

@cmfcmf @oliviertassinari At first I thought, that this can't fix the problem, because it's not related to @types/jss. Now I gave it a try, and it works!

I just added "jss": "^10.0.0-alpha.3" to my package.json and set @material-ui/core to 3.8.1 and it works!

Then I removed jss from my package.json (and kept @material-ui/core at 3.8.1). Error is back.

Between each step I did rm -rf node_modules package-lock.json && npm i. Just to be sure ;)

rosskevin · 2018-12-31T19:40:55Z

Problem is several things:

jss brought types in-repo but has no tests, they also did not start with @jss/types so there is no guaranteed compatibility [all] Add tests for Typescript definition files cssinjs/jss#964
In material-ui runtime dependencies, we have:

    "@types/jss": "^9.5.6",
    "jss": "^9.8.7",

In the root package.json we have:

  "resolutions": {
    "jss": "^10.0.0-alpha.3"
  },

The repo runs with, depends on, and uses the 10.x types
In createGenerateClasseName.d.ts and jssPreset.d.ts and withStyles.d.ts it is coded with the 10.0.0-alpha.3 types

So, our package.json is telling downstream users to use 9.x with @types/jss when the testing etc of the monorepo is reliant on 10.x.alpha.3

rosskevin · 2018-12-31T19:43:01Z

@oliviertassinari I see you added the resolutions line in the root package.json - any reason that was added there instead of updated in the packages themselves?

mui#14040

rosskevin · 2018-12-31T21:03:19Z

Potential solution in #14048:

remove @types/jss from all package.json files
remove jss from resolutions
update jss in the package.json files to 10.alpha.x
clean node_modules && test && release

But...

I mention in #14048 (comment) that we should not merge this PR if we aren't intending to release on a jss alpha, which perhaps is a bad idea anyway - but not sure of @oliviertassinari's performance research in this area.

Options:

~~So, if intent is to be on jss alpha build issues (seemingly unrelated) need fixed in the PR and we need to move PR Remove @types/jss and update to latest jss dependencies #14048 forward.~~
If we want to stay on 9.x, we need to PR something new and fix/revert the type changes in createGenerateClasseName.d.ts and jssPreset.d.ts and withStyles.d.ts

I think option 2 is the only way after thinking about it, I have closed my PR.

joshwooding · 2018-12-31T21:34:44Z

Sorry, ignore the reference mistype

rajveerpurohit · 2019-01-02T11:33:21Z

Hi @benneq @rosskevin @oliviertassinari

I have been trying to update the material UI version used in my project from 1.4.3 to 3.8.1.

As discussed above, I had similar compiling issues with @types/jss.

I was able to resolve the compile errors with steps suggested by @benneq (#14040 (comment))

Apart from this, I am facing another typescript error mentioned below which is coming up when I try and build the project.

error TS2370: A rest parameter must be of an array type.

Similar issue mentioned here :- goemen/react-material-ui-typescript#1

Any help, appriciated thanks !!

* [styles] Upgrade JSS to v10-alpha * [core] Fix typescript errors related to jss v10

benneq · 2019-01-07T19:30:34Z

Upgraded to version 3.8.2 and still have the same issue.

ERROR in node_modules/@material-ui/core/styles/createGenerateClassName.d.ts(1,10):
TS2305: Module '"node_modules/@types/jss"' has no exported member 'GenerateId'.
ERROR in node_modules/@material-ui/core/styles/jssPreset.d.ts(1,10):
TS2724: Module '"node_modules/@types/jss"' has no exported member 'JssOptions'. Did you mean 'JSSOptions'?
ERROR in node_modules/@material-ui/core/styles/withStyles.d.ts(31,48):
TS2694: Namespace '"node_modules/@types/jss/index"' has no exported member 'StyleSheetFactoryOptions'.

I'll adjust the title of this issue to version 3.8.2

KharamanV · 2019-01-08T16:50:00Z

Just install jss package as jss@next

eps1lon · 2019-01-08T17:36:47Z

@KharamanV This is a bad idea if you're just using @material-ui/core and no @material-ui/styles. jss@10 is only used in @material-ui/styles while jss@9 is used in @material-ui/core.

oliviertassinari · 2019-01-08T17:44:52Z

The fix will be released in @material-ui/core@v3.8.3. In the meantime, you can stay on 3.7.1.

MikeAski · 2019-01-08T21:08:35Z

@oliviertassinari Any ETA for @material-ui/corev3.8.3?

oliviertassinari · 2019-01-08T21:12:26Z

@MikeAski I was planing it for this weekend. But:

So I think that it's better do it sooner, this evening or tomorrow morning.

oliviertassinari · 2019-01-09T22:01:09Z

v3.8.3 is live. It should be good now.

HenrikBechmann · 2019-01-09T22:08:55Z

Yup. Just installed, recompiled. Using latest typescript, react, material-ui.

No errors.

Thanks!!!

ghalex · 2019-01-15T12:37:22Z

This error shows again in 3.9.0

benneq · 2019-01-15T12:38:45Z

Exactly the same?
I don't get this error for 3.8.3 and 3.9.0

ghalex · 2019-01-15T14:36:19Z

Yes, I just used react-create-app and install v3.9.0. I works fine if I downgrade to 3.8.3

HenrikBechmann · 2019-01-15T16:57:44Z

I just installed v. 3.9.0, and compiled without error.

rosskevin · 2019-01-15T17:05:52Z

I have also confirmed that 3.9.0 is working fine. Perhaps do a clean build or use a command like yarn why jss if you are having issues/finding the alpha of jss in your node_modules.

samuelrego · 2019-01-17T09:34:01Z

Hi, I am using @material-ui/core 3.9.1 version. I am still getting below exception. I completely deleted the node module s and package.lock.json file still same issue.
even i tried with 3.8.1 still no luck.

node_modules/@material-ui/core/styles/createGenerateClassName.d.ts:1:10 - error TS2305: Module '"../../../jss/src"' has no exported member 'GenerateClassName'.

1 import { GenerateClassName } from 'jss';
           ~~~~~~~~~~~~~~~~~

node_modules/@material-ui/core/styles/jssPreset.d.ts:1:10 - error TS2724: Module '"../../../jss/src"' has no exported member 'JSSOptions'. Did you mean 'JssOptions'?

1 import { JSSOptions } from 'jss';
           ~~~~~~~~~~

node_modules/@material-ui/core/styles/withStyles.d.ts:32:15 - error TS2694: Namespace '"E:/kredifi/frontend/kredifi-ui-themes/node_modules/jss/src/index"' has no exported member 'CreateStyleSheetOptions'.

32   extends JSS.CreateStyleSheetOptions<ClassKey> {

benneq · 2019-01-17T10:15:16Z

@samuelrego version 3.8.1 and 3.8.2 have this error. 3.8.3 should work fine.

Can you try to delete node_modules folder and package-lock.json file. And then run npm i to reinstall / regenerate all dependencies?

samuelrego · 2019-01-17T11:45:11Z

@benneq thanks, got resolved.

timfullert · 2019-02-08T00:34:48Z

Hi, not sure if this is the right place to add but I got a pretty similar issue while starting storybook using awesome-typescript-loader.
So far, I’ve testet @material-ui/core (3.9.1, 3.8.3) with @material-ui/styles (3.0.0-alpha.9, 3.0.0-alpha.10) and jss (10.0.0-alpha.9, 10.0.0-alpha.3) which lead, no matter what combination, to the same error:

ERROR in [at-loader] ./node_modules/@material-ui/core/styles/createGenerateClassName.d.ts:1:10 
    TS2305: Module '"node_modules/jss/src"' has no exported member 'GenerateClassName'.

ERROR in [at-loader] ./node_modules/@material-ui/core/styles/withStyles.d.ts:32:15 
    TS2694: Namespace '"node_modules/jss/src/index"' has no exported member 'CreateStyleSheetOptions'.

ERROR in [at-loader] ./node_modules/@material-ui/core/styles/jssPreset.d.ts:1:10 
    TS2724: Module ‘”node_modules/jss/src"' has no exported member 'JSSOptions'. Did you mean 'JssOptions'?

skalma · 2019-02-12T09:15:34Z

Had similar issue when upgrading to v3.9.2. I downgraded jss to:
"@types/jss": "^9.5.6",
"jss": "9.8.7",
in my package.json. Then deleted node_modules folder and package-lock.json files (i had two, one in clientapp folder and one in project root folder) and reinstalled (npm i). Errors gone.

VincentLanglet · 2019-02-20T16:52:31Z

@oliviertassinari @rosskevin Hi !

It came back for v4: #14608

TidyIQ · 2019-04-18T09:59:45Z

I believe I have a related issue - see #15396

wayne-liberty · 2019-05-05T14:59:25Z

for anyone stumbles upon this, check out this TypeScript issues with @material-ui/styles and @material-ui/core packages it solved my problem

williammetcalf · 2019-06-03T20:03:57Z

I am seeing this issue suddenly after updating to MaterialUI 4.0:

ERROR in /.../node_modules/@material-ui/core/styles/withStyles.d.ts(31,48):
[0] TS2694: Namespace '"/.../node_modules/@types/jss/index"' has no exported member 'StyleSheetFactoryOptions'.

in my package.json:

"@material-ui/core": "^4.0.1",
"@material-ui/icons": "^4.0.1",
"@material-ui/styles": "^4.0.1",
"react-jss": "^8.6.1",

oliviertassinari · 2019-06-03T20:11:04Z

@williammetcalf Can you remove react-jss or upgrade it?

williammetcalf · 2019-06-04T15:31:54Z

@williammetcalf Can you remove react-jss or upgrade it?

At a quick glance that seems to have fixed the issue, but to test it I just removed all of the jss stuff we had.

benneq changed the title ~~v4.8.1 issue with @types/jss~~ v3.8.1 issue with @types/jss Dec 30, 2018

oliviertassinari added the typescript label Dec 30, 2018

oliviertassinari added the bug 🐛 Something doesn't work label Dec 30, 2018

rosskevin closed this as completed Dec 31, 2018

rosskevin reopened this Dec 31, 2018

rosskevin added a commit to alienfast/material-ui that referenced this issue Dec 31, 2018

Remove @types/jss and update to latest jss dependencies

b5eb125

mui#14040

This was referenced Dec 31, 2018

Remove @types/jss and update to latest jss dependencies #14048

Closed

[all] Add tests for Typescript definition files cssinjs/jss#964

Open

joshwooding mentioned this issue Dec 31, 2018

[Button] Fix vertical alignment of text #14051

Merged

1 task

oliviertassinari referenced this issue Jan 2, 2019

[styles] Upgrade JSS to v10-alpha (#14006)

86a29a9

* [styles] Upgrade JSS to v10-alpha * [core] Fix typescript errors related to jss v10

shnjp mentioned this issue Jan 3, 2019

MaterialUI 3.8.1 で JSSのTypeエラー glucoseinc/typescript-python-boilerplate#3

Open

rileyjbauer mentioned this issue Jan 4, 2019

Updates material-ui and react npm libraries kubeflow/pipelines#630

Merged

benneq changed the title ~~v3.8.1 issue with @types/jss~~ v3.8.2 issue with @types/jss Jan 7, 2019

CharlieGreenman mentioned this issue Jan 8, 2019

Add Angular UI to App CharlieGreenman/pixel-light-v2#2

Closed

eps1lon mentioned this issue Jan 8, 2019

[core] Fix jss v10 types being used #14117

Merged

eps1lon closed this as completed in #14117 Jan 8, 2019

VincentLanglet mentioned this issue Feb 20, 2019

Duplicate jss types declarations with DefinitelyTyped cssinjs/jss#1039

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

v3.8.2 issue with @types/jss #14040

v3.8.2 issue with @types/jss #14040

benneq commented Dec 30, 2018 •

edited

Loading

oliviertassinari commented Dec 30, 2018 •

edited

Loading

benneq commented Dec 30, 2018 •

edited

Loading

HenrikBechmann commented Dec 31, 2018

cmfcmf commented Dec 31, 2018

benneq commented Dec 31, 2018 •

edited

Loading

rosskevin commented Dec 31, 2018 •

edited

Loading

rosskevin commented Dec 31, 2018

rosskevin commented Dec 31, 2018 •

edited

Loading

joshwooding commented Dec 31, 2018

rajveerpurohit commented Jan 2, 2019

benneq commented Jan 7, 2019 •

edited

Loading

KharamanV commented Jan 8, 2019

eps1lon commented Jan 8, 2019

oliviertassinari commented Jan 8, 2019

MikeAski commented Jan 8, 2019

oliviertassinari commented Jan 8, 2019

oliviertassinari commented Jan 9, 2019

HenrikBechmann commented Jan 9, 2019

ghalex commented Jan 15, 2019

benneq commented Jan 15, 2019

ghalex commented Jan 15, 2019

HenrikBechmann commented Jan 15, 2019

rosskevin commented Jan 15, 2019

samuelrego commented Jan 17, 2019

benneq commented Jan 17, 2019

samuelrego commented Jan 17, 2019

timfullert commented Feb 8, 2019 •

edited

Loading

skalma commented Feb 12, 2019

VincentLanglet commented Feb 20, 2019 •

edited

Loading

TidyIQ commented Apr 18, 2019

wayne-liberty commented May 5, 2019 •

edited

Loading

williammetcalf commented Jun 3, 2019

oliviertassinari commented Jun 3, 2019

williammetcalf commented Jun 4, 2019

v3.8.2 issue with @types/jss #14040

v3.8.2 issue with @types/jss #14040

Comments

benneq commented Dec 30, 2018 • edited Loading

Expected Behavior 🤔

Current Behavior 😯

Steps to Reproduce 🕹

Context 🔦

Your Environment 🌎

oliviertassinari commented Dec 30, 2018 • edited Loading

benneq commented Dec 30, 2018 • edited Loading

HenrikBechmann commented Dec 31, 2018

cmfcmf commented Dec 31, 2018

benneq commented Dec 31, 2018 • edited Loading

rosskevin commented Dec 31, 2018 • edited Loading

rosskevin commented Dec 31, 2018

rosskevin commented Dec 31, 2018 • edited Loading

Potential solution in #14048:

But...

joshwooding commented Dec 31, 2018

rajveerpurohit commented Jan 2, 2019

benneq commented Jan 7, 2019 • edited Loading

KharamanV commented Jan 8, 2019

eps1lon commented Jan 8, 2019

oliviertassinari commented Jan 8, 2019

MikeAski commented Jan 8, 2019

oliviertassinari commented Jan 8, 2019

oliviertassinari commented Jan 9, 2019

HenrikBechmann commented Jan 9, 2019

ghalex commented Jan 15, 2019

benneq commented Jan 15, 2019

ghalex commented Jan 15, 2019

HenrikBechmann commented Jan 15, 2019

rosskevin commented Jan 15, 2019

samuelrego commented Jan 17, 2019

benneq commented Jan 17, 2019

samuelrego commented Jan 17, 2019

timfullert commented Feb 8, 2019 • edited Loading

skalma commented Feb 12, 2019

VincentLanglet commented Feb 20, 2019 • edited Loading

TidyIQ commented Apr 18, 2019

wayne-liberty commented May 5, 2019 • edited Loading

williammetcalf commented Jun 3, 2019

oliviertassinari commented Jun 3, 2019

williammetcalf commented Jun 4, 2019

benneq commented Dec 30, 2018 •

edited

Loading

oliviertassinari commented Dec 30, 2018 •

edited

Loading

benneq commented Dec 30, 2018 •

edited

Loading

benneq commented Dec 31, 2018 •

edited

Loading

rosskevin commented Dec 31, 2018 •

edited

Loading

rosskevin commented Dec 31, 2018 •

edited

Loading

benneq commented Jan 7, 2019 •

edited

Loading

timfullert commented Feb 8, 2019 •

edited

Loading

VincentLanglet commented Feb 20, 2019 •

edited

Loading

wayne-liberty commented May 5, 2019 •

edited

Loading