Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Windows install issue #20

Closed
atikurrahman102 opened this issue Nov 27, 2019 · 21 comments
Closed

Windows install issue #20

atikurrahman102 opened this issue Nov 27, 2019 · 21 comments
Labels
bug Something isn't working

Comments

@atikurrahman102
Copy link

./src/assets/scss/black-dashboard-pro-react.scss?v=1.0.0 (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-4!./src/assets/scss/black-dashboard-pro-react.scss?v=1.0.0)
Error: resolve-url-loader: CSS error
source-map information is not available at url() declaration (found orphan CR, try removeCR option)

Any Solution ??? this is on windows 10
@einazare
Copy link
Contributor

Hello there, @atikurrahman102 ,

Thank you for your interest in working with our products.
Please, next time use our issue template, otherwise, we will close your issue:

<!--
 IMPORTANT: Please use the following link to create a new issue:

  https://www.creative-tim.com/new-issue/black-dashboard-pro-react

**If your issue was not created using the app above, it will be closed immediately.**
-->

<!--
Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉  https://www.creative-tim.com/bundles
👉  https://www.creative-tim.com
-->

When you've pressed the new issue button, were you not prompted with the above code?
To solve the issue please run the following commands:

npm i -E [email protected]
npm install
npm start

Best,
Manu

@einazare einazare added the bug Something isn't working label Nov 27, 2019
@DmitryTezh
Copy link

Hi Team!
I have the same issue with your product after upgrading react-scripts higher then 3.0.1 version.
This issue is decribed here:
sass/node-sass#2756
I guess, you use different line endings in your scss files.
Can you check it and fix?
Much appreciated and thanks.

@einazare
Copy link
Contributor

Hello there, @DmitryTezh ,

Please do not make changes to the versions inside the package.json file.
Our product works with the versions that come.
We will make those changes in our next update, right now we do not have the time to check what breaks when changing versions inside our products. We are doing this when we make updates.

Best,
Manu

@DmitryTezh
Copy link

Hi Manu!
We look forward to this issue get fixed. Upgrading to the latest version of react-scripts is caused to use new features like those:
v3.3.0 is a minor release that adds new features, including custom templates and support for the new optional chaining and nullish coalescing operators.
Thanks.

@einazare
Copy link
Contributor

Hello there, @DmitryTezh ,

Right now we are stuck on some other projects until the end of this year (2019).
We'll start updating all of the Creative-Tim products starting with January next year (2020), after we come from our Christmas holiday, which ends after 5th of January. Thank you for your understanding.

Best,
Manu

@atikurrahman102
Copy link
Author

loader: 'resolve-url-loader',
options: {
removeCR: true,
sourceMap: true
}

This could be a solution . Any idea where can i put them ???

@DmitryTezh
Copy link

I guess, you need to eject your react project to ajust its configuration but then you will not able to upgrade to the newest versions of react-scripts.

@einazare
Copy link
Contributor

Hello there, @atikurrahman102 @DmitryTezh ,

This solution did not work?

npm i -E [email protected]
npm install
npm start

Also, on one of our products, one of our users gave us this: creativetimofficial/ct-paper-kit-pro-react#2 (comment)

Best,
Manu

@DmitryTezh
Copy link

Hi Team!
Unfortunately, no. I have the last version of [email protected] and it doesn,t work.
Thanks.

@einazare
Copy link
Contributor

Hello again, @DmitryTezh ,

I've just made a quick test, and if I run the above command on Windows and on Mac, everything works just fine.
Can you please go to https://nodejs.org/en/ and download the 12.14.0 (LTS) version?
Maybe the issue is that you do not have the LTS version of NodeJS.

Best,
Manu

@atikurrahman102
Copy link
Author

atikurrahman102 commented Dec 19, 2019 via email

@einazare
Copy link
Contributor

Hello there, @atikurrahman102 ,

I am at an impasse.
Please provide me with the following video:

  • Download product
  • Unzip downloaded product
  • Open terminal and CD into the unzipped product
  • Goto NodeJS website, download and install the Latest (LTS version)
  • Run in terminal node -v
  • Run in terminal npm -v
  • Run in terminal npm i -E [email protected]
  • Run in terminal npm install
  • Run in terminal npm start
  • Showcase the issue

Best,
Manu

@DmitryTezh
Copy link

Hello again, @DmitryTezh ,

I've just made a quick test, and if I run the above command on Windows and on Mac, everything works just fine.
Can you please go to https://nodejs.org/en/ and download the 12.14.0 (LTS) version?
Maybe the issue is that you do not have the LTS version of NodeJS.

Best,
Manu

Hi Team!
It is strange but amazing! Upgrading of NodeJS to 12 LTS version fixed my issue.
Thank you!

@DmitryTezh
Copy link

Unfortunately, not all is good. Command 'npm run buid' failed with the same error, whilst command 'npm run start' works fine. Very strange for me...

@DmitryTezh
Copy link

[email protected] build D:\Projects\offgame\ofg-client-web
react-scripts build

Creating an optimized production build...
Failed to compile.

./src/assets/scss/black-dashboard-pro-react.scss?v=1.0.0
Error: resolve-url-loader: CSS error
source-map information is not available at url() declaration (found orphan CR, try removeCR option)

@atikurrahman102
Copy link
Author

atikurrahman102 commented Dec 20, 2019 via email

@einazare
Copy link
Contributor

I am at an impasse.
Please provide me with the following video:

Download product
Unzip downloaded product
Open terminal and CD into the unzipped product
Goto NodeJS website, download and install the Latest (LTS version)
Run in terminal node -v
Run in terminal npm -v
Run in terminal npm i -E [email protected]
Run in terminal npm install
Run in terminal npm start
Showcase the issue
Best,
Manu

@einazare einazare mentioned this issue Jan 9, 2020
Closed
@dewhurstwill
Copy link

dewhurstwill commented Jan 9, 2020 •
edited
Loading

@einazare Still having issues; https://youtu.be/9k-wSv-Glsg

@einazare
Copy link
Contributor

einazare commented Jan 9, 2020

Hello again, @willdewhust ,

If you copy the src/assets/img folder into src/assets/scss/black-dashboard-pro-react folder, do you still have that issue? (Note, keep the folder inside src/assets/img as well).
It's very strange the fact that I do not get any errors, everything is working as expected.

Best,
Manu

@dewhurstwill
Copy link

Hello @einazare,

Strangely that has fixed it? It now works. :)

Thanks you

@einazare einazare closed this as completed Mar 6, 2020
@Theeeus
Copy link

Theeeus commented Apr 14, 2020 •
edited
Loading

I just had the same issue and none of the solutions above worked for me. In the end I had to navigate to node_modules/resolve-url-loader and under var options manually change removeCR from "false" to "true"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@DmitryTezh @Theeeus @einazare @dewhurstwill @atikurrahman102