stylis-plugin-rtl + source-map-loader = breakage

[styled-components]

stylis-plugin-rtl + source-map-loader = breakage

[egbertn]

npm i [email protected]
solved for me...

[wrappixel]

you can try to solve this warning with below steps. for me its working

1. create .env file on root
2. add this line : GENERATE_SOURCEMAP=false

Thats it !! re-run the project.

[fadijabi]

I am getting the same warning as well as shown below:

WARNING in ./node_modules/stylis-plugin-rtl/dist/stylis-rtl.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '...\node_modules\stylis-plugin-rtl\src\stylis-rtl.ts' file: Error: ENOENT: no such file or directory, open '...\node_modules\stylis-plugin-rtl\src\stylis-rtl.ts'
@ ./src/contexts/ThemeContext.js 9:0-42 22:18-27
@ ./src/index.js 13:0-63 17:61-81

[SaeedZhiany]

is there any update on this issue? could someone find a solution except downgrading to previous versions (v1 and v2.0.2 and ...)

[chrisk8er]

same error here...

WARNING in ./node_modules/stylis-plugin-rtl/dist/stylis-rtl.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '...node_modules/stylis-plugin-rtl/src/stylis-rtl.ts' file: Error: ENOENT: no such file or directory, open '../node_modules/stylis-plugin-rtl/src/stylis-rtl.ts'
 @ ./src/components/RtlLayout.tsx 4:0-42 22:48-57
 @ ./src/App.tsx 8:0-47 18:37-46
 @ ./src/index.tsx 15:0-24 22:39-42

[amirshnll]

firstly, remove or uninstall stylis-plugin-rtl with npm or yarn:

yarn remove stylis-plugin-rtl

npm uninstall stylis-plugin-rtl

secondly, install [email protected] with npm or yarn:

yarn add [email protected]

npm i [email protected]

[farhdibehnamdev]

Installing v2.0.2 alone didn't work for me as I'm using React with TypeScript. The solution that worked for me is as follows:

1. Uninstall v2.1.1
   

2. Install v2.0.2
   

3. Go to this path: "node_modules > stylis-plugin-rtl > stylis-rtl.d.ts". Open the "stylis-rtl.d.ts" file and remove all codes. Then, replace them with these codes.
   

import { Middleware } from 'stylis'; declare type MiddlewareParams = Parameters<Middleware>; declare function stylisRTLPlugin(element: MiddlewareParams[0], index: MiddlewareParams[1], children: MiddlewareParams[2], callback: MiddlewareParams[3]): string | void; export default stylisRTLPlugin; //# sourceMappingURL=stylis-rtl.d.ts.map

[perfeshnal]

firstly, remove or uninstall stylis-plugin-rtl with npm or yarn:

yarn remove stylis-plugin-rtl

npm uninstall stylis-plugin-rtl

secondly, install [email protected] with npm or yarn:

yarn add [email protected]

npm i [email protected]

Maybe your solution will work
But I think going back to the old version is not a real solution
We still waiting ...

[mortezasabihi]

@fadijabi I have the same problem 🥲

[lordlpua]

The same problem v.2.1.1

[bienvenuelisis]

firstly, remove or uninstall stylis-plugin-rtl with npm or yarn:

yarn remove stylis-plugin-rtl

npm uninstall stylis-plugin-rtl

secondly, install [email protected] with npm or yarn:

yarn add [email protected]

npm i [email protected]

That works for me.

[helhahel]

i have the same error

To ignore, add // eslint-disable-next-line to the line before.

WARNING in ./node_modules/stylis-plugin-rtl/dist/stylis-rtl.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'E:_ UR_final project\eggWebApp\material-dashboard-react-main\node_modules\stylis-plugin-rtl\src\stylis-rtl.ts' file: Error: ENOENT: no such file or directory, open 'E:_ UR_final project\eggWebApp\material-dashboard-react-main\node_modules\stylis-plugin-rtl\src\stylis-rtl.ts'

Any solution?

[hamidsaif70]

the same too

[shineysood]

I also have same problem

[hadarhubara10]

the same too

[NicoSan20]

Same here

[or-yam]

Getting the same

[amirgholikhani]

I also have same problem

[goerlitz]

same here. I forked a repo and ran npm install and npm start and then got this error.
What can I do to get rid of it?

[gucollaco]

Was also having this issue. I know it's not the best solution, but I was able to avoid these errors/warnings by reverting to stylis-plugin-rtl v1.

[shadigaafar]

I have the same problem. Any Solutions?

[perfeshnal]

I have same problem on v.2.1.1
Any Solutions?

[rhinck]

I have this error in my React project as well and would love to hear if anyone has the issue and has resolved it.

[mlotfy]

I have the same problem, any update

[ahamdan-ow]

I am having the same problem since a long time, any updates please?

[arshak-grigoryan]

I have same problem on v.2.1.1
Any Solutions?

[amirvokhidov]

I have the same problem, on v.2.1.1

[hugrave]

I have the same issue here... Is there a scheduled solution in the roadmap?

[barrychapman]

It is because the .ts file is not supplied in dist or src. Placing it there manually will fix it

[hitendramalviya]

Seems this community is missing contributors, a year old issue is still open, and faced by many including me, I think they just need to publish the package without source map generated, would solve this problem for now.

[itayperry]

Is this the same issue as #35?

[itayperry]

Seems this community is missing contributors, a year old issue is still open, and faced by many including me, I think they just need to publish the package without source map generated, would solve this problem for now.

Yeah it seems the last commit was on Dec 15, 2021 :( @hitendramalviya

[magrinj]

If anyone want to fix it easily, you can use patch-package with this patch:
I generate this one removing the sourcemapping in the tsconfig.json.

diff --git a/node_modules/stylis-plugin-rtl/.DS_Store b/node_modules/stylis-plugin-rtl/.DS_Store
new file mode 100644
index 0000000..e69de29
diff --git a/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.d.ts b/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.d.ts
index e3efd93..ac86e86 100644
--- a/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.d.ts
+++ b/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.d.ts
@@ -1,5 +1,5 @@
 import { Middleware } from 'stylis';
-declare type MiddlewareParams = Parameters<Middleware>;
+type MiddlewareParams = Parameters<Middleware>;
 declare function stylisRTLPlugin(element: MiddlewareParams[0], index: MiddlewareParams[1], children: MiddlewareParams[2], callback: MiddlewareParams[3]): string | void;
 export default stylisRTLPlugin;
 //# sourceMappingURL=stylis-rtl.d.ts.map
\ No newline at end of file
diff --git a/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.d.ts.map b/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.d.ts.map
index 3edea57..e50c55a 100644
--- a/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.d.ts.map
+++ b/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.d.ts.map
@@ -1 +1 @@
-{"version":3,"file":"stylis-rtl.d.ts","sourceRoot":"","sources":["../../src/stylis-rtl.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,UAAU,EAIX,MAAM,QAAQ,CAAC;AAEhB,aAAK,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;AA4B/C,iBAAS,eAAe,CACtB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC5B,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC1B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC5B,MAAM,GAAG,IAAI,CAWf;AAMD,eAAe,eAAe,CAAC"}
\ No newline at end of file
+{"version":3,"file":"stylis-rtl.d.ts","sourceRoot":"","sources":["../../src/stylis-rtl.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,UAAU,EAIX,MAAM,QAAQ,CAAC;AAEhB,KAAK,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;AA4B/C,iBAAS,eAAe,CACtB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC5B,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC1B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC5B,MAAM,GAAG,IAAI,CAYf;AAMD,eAAe,eAAe,CAAC"}
\ No newline at end of file
diff --git a/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.js b/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.js
index 7eeb3d3..33b6846 100644
--- a/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.js
+++ b/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.js
@@ -37,4 +37,3 @@ function stylisRTLPlugin(element, index, children, callback) {
 // is unused
 Object.defineProperty(stylisRTLPlugin, 'name', { value: 'stylisRTLPlugin' });
 exports.default = stylisRTLPlugin;
-//# sourceMappingURL=stylis-rtl.js.map
\ No newline at end of file
diff --git a/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.js.map b/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.js.map
deleted file mode 100644
index 0af053c..0000000
--- a/node_modules/stylis-plugin-rtl/dist/cjs/stylis-rtl.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"stylis-rtl.js","sourceRoot":"","sources":["../../src/stylis-rtl.ts"],"names":[],"mappings":";;;;;AAAA,sDAAgC;AAChC,iCAYgB;AAIhB,SAAS,yBAAyB,CAChC,OAA4B,EAC5B,KAA0B,EAC1B,QAA6B;IAE7B,QAAQ,OAAO,CAAC,IAAI,EAAE;QACpB,KAAK,eAAM,CAAC;QACZ,KAAK,oBAAW,CAAC;QACjB,KAAK,gBAAO;YACV,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5D,KAAK,gBAAO,CAAC,CAAC;YACZ,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;YAEvF,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAC,CAAC;oBACzB,IAAI,CAAC,CAAC,IAAI,KAAK,gBAAO;wBAAE,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;gBAC/C,CAAC,CAAC,CAAC;aACJ;SACF;KACF;IAED,IAAM,kBAAkB,GAAG,IAAA,kBAAS,EAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC,CAAC;IAE1G,OAAO,IAAA,eAAM,EAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,GAAG,GAAG,GAAG,kBAAkB,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC7G,CAAC;AAED,SAAS,eAAe,CACtB,OAA4B,EAC5B,KAA0B,EAC1B,QAA6B,EAC7B,QAA6B;IAE7B,IACE,OAAO,CAAC,IAAI,KAAK,kBAAS;QAC1B,OAAO,CAAC,IAAI,KAAK,iBAAQ;QACzB,CAAC,OAAO,CAAC,IAAI,KAAK,gBAAO,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,cAAK,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,gBAAO,CAAC,CAAC,EACnH;QACA,IAAM,WAAW,GAAG,kBAAQ,CAAC,SAAS,CAAC,yBAAyB,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC5F,OAAO,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,IAAA,gBAAO,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAEvE,OAAO,CAAC,MAAM,GAAG,EAAE,CAAC;KACrB;AACH,CAAC;AAED,qFAAqF;AACrF,YAAY;AACZ,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC;AAE7E,kBAAe,eAAe,CAAC"}
\ No newline at end of file
diff --git a/node_modules/stylis-plugin-rtl/dist/stylis-rtl.d.ts b/node_modules/stylis-plugin-rtl/dist/stylis-rtl.d.ts
index e3efd93..ac86e86 100644
--- a/node_modules/stylis-plugin-rtl/dist/stylis-rtl.d.ts
+++ b/node_modules/stylis-plugin-rtl/dist/stylis-rtl.d.ts
@@ -1,5 +1,5 @@
 import { Middleware } from 'stylis';
-declare type MiddlewareParams = Parameters<Middleware>;
+type MiddlewareParams = Parameters<Middleware>;
 declare function stylisRTLPlugin(element: MiddlewareParams[0], index: MiddlewareParams[1], children: MiddlewareParams[2], callback: MiddlewareParams[3]): string | void;
 export default stylisRTLPlugin;
 //# sourceMappingURL=stylis-rtl.d.ts.map
\ No newline at end of file
diff --git a/node_modules/stylis-plugin-rtl/dist/stylis-rtl.d.ts.map b/node_modules/stylis-plugin-rtl/dist/stylis-rtl.d.ts.map
index f091310..1d49d45 100644
--- a/node_modules/stylis-plugin-rtl/dist/stylis-rtl.d.ts.map
+++ b/node_modules/stylis-plugin-rtl/dist/stylis-rtl.d.ts.map
@@ -1 +1 @@
-{"version":3,"file":"stylis-rtl.d.ts","sourceRoot":"","sources":["../src/stylis-rtl.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,UAAU,EAIX,MAAM,QAAQ,CAAC;AAEhB,aAAK,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;AA4B/C,iBAAS,eAAe,CACtB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC5B,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC1B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC5B,MAAM,GAAG,IAAI,CAWf;AAMD,eAAe,eAAe,CAAC"}
\ No newline at end of file
+{"version":3,"file":"stylis-rtl.d.ts","sourceRoot":"","sources":["../src/stylis-rtl.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,UAAU,EAIX,MAAM,QAAQ,CAAC;AAEhB,KAAK,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;AA4B/C,iBAAS,eAAe,CACtB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC5B,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC1B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC5B,MAAM,GAAG,IAAI,CAYf;AAMD,eAAe,eAAe,CAAC"}
\ No newline at end of file
diff --git a/node_modules/stylis-plugin-rtl/dist/stylis-rtl.js b/node_modules/stylis-plugin-rtl/dist/stylis-rtl.js
index 513e600..3e341c3 100644
--- a/node_modules/stylis-plugin-rtl/dist/stylis-rtl.js
+++ b/node_modules/stylis-plugin-rtl/dist/stylis-rtl.js
@@ -32,4 +32,3 @@ function stylisRTLPlugin(element, index, children, callback) {
 // is unused
 Object.defineProperty(stylisRTLPlugin, 'name', { value: 'stylisRTLPlugin' });
 export default stylisRTLPlugin;
-//# sourceMappingURL=stylis-rtl.js.map
\ No newline at end of file
diff --git a/node_modules/stylis-plugin-rtl/dist/stylis-rtl.js.map b/node_modules/stylis-plugin-rtl/dist/stylis-rtl.js.map
deleted file mode 100644
index e6561ca..0000000
--- a/node_modules/stylis-plugin-rtl/dist/stylis-rtl.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"stylis-rtl.js","sourceRoot":"","sources":["../src/stylis-rtl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EAEN,SAAS,EACT,KAAK,EACL,QAAQ,GACT,MAAM,QAAQ,CAAC;AAIhB,SAAS,yBAAyB,CAChC,OAA4B,EAC5B,KAA0B,EAC1B,QAA6B;IAE7B,QAAQ,OAAO,CAAC,IAAI,EAAE;QACpB,KAAK,MAAM,CAAC;QACZ,KAAK,WAAW,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5D,KAAK,OAAO,CAAC,CAAC;YACZ,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;YAEvF,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAC,CAAC;oBACzB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO;wBAAE,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;gBAC/C,CAAC,CAAC,CAAC;aACJ;SACF;KACF;IAED,IAAM,kBAAkB,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC,CAAC;IAE1G,OAAO,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,GAAG,GAAG,GAAG,kBAAkB,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC7G,CAAC;AAED,SAAS,eAAe,CACtB,OAA4B,EAC5B,KAA0B,EAC1B,QAA6B,EAC7B,QAA6B;IAE7B,IACE,OAAO,CAAC,IAAI,KAAK,SAAS;QAC1B,OAAO,CAAC,IAAI,KAAK,QAAQ;QACzB,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,EACnH;QACA,IAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,yBAAyB,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC5F,OAAO,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAEvE,OAAO,CAAC,MAAM,GAAG,EAAE,CAAC;KACrB;AACH,CAAC;AAED,qFAAqF;AACrF,YAAY;AACZ,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC;AAE7E,eAAe,eAAe,CAAC"}
\ No newline at end of file

[behradnasehi]

I have the same problem, on v.2.1.1