React and Bootstrap4 issue when creating application using create-react-app
I am using Windows 10. Follwoing are the two scenarios where I faced problems. I created applications using create-react-app command. I installed create-react-app using command npm i -g create-react-app@1.5.2
Scenario 1
I stopped react server which was running using npm start command. Then I installed bootstrap using npm i bootstarp@4.1.1 and then I tried to run command npm start but rathern than starting the server, it has given an error 'react-scripts' is not recognized as an internal or external command.
The application is working perfactly before I stopped the react server and installed bootstrap.
Steps to recreate the problem:
create-react-app democd demo
npm start(loaded the application in browser with home page)- stopped the server using Ctrl + C (break)
npm i bootstrap@4.1.1
npm start(giving error 'react-scripts' is not recognized as an internal or external command)
Scenario 2
I installed bootstrap in running react server using another command window / visul studio command line using npm i bootstarp@4.1.1 and when I imported bootstrap file in index.js and saved the file. It have given error
./node_modules/style-loader/lib/addStyles.js
Module build failed: Error: ENOENT: no such file or directory, open 'D:reactdemo2node_modulesstyle-loaderlibaddStyles.js'
Steps to recreate the problem:
create-react-app democd demo2
npm start(loaded the application in browser with home page)- Open another command window and reached to location demo4 folder
npm i bootstrap@4.1.1- open index.js in src folder and write:
import 'bootstrap/dist/css/bootstrap.css';
- save the file and error comes.
javascript reactjs typescript
asked Aug 2 '18 at 11:05
Hiren JoshiHiren Joshi
444
add a comment |
I am using Windows 10. Follwoing are the two scenarios where I faced problems. I created applications using create-react-app command. I installed create-react-app using command npm i -g create-react-app@1.5.2
Scenario 1
I stopped react server which was running using npm start command. Then I installed bootstrap using npm i bootstarp@4.1.1 and then I tried to run command npm start but rathern than starting the server, it has given an error 'react-scripts' is not recognized as an internal or external command.
The application is working perfactly before I stopped the react server and installed bootstrap.
Steps to recreate the problem:
create-react-app democd demo
npm start(loaded the application in browser with home page)- stopped the server using Ctrl + C (break)
npm i bootstrap@4.1.1
npm start(giving error 'react-scripts' is not recognized as an internal or external command)
Scenario 2
I installed bootstrap in running react server using another command window / visul studio command line using npm i bootstarp@4.1.1 and when I imported bootstrap file in index.js and saved the file. It have given error
./node_modules/style-loader/lib/addStyles.js
Module build failed: Error: ENOENT: no such file or directory, open 'D:reactdemo2node_modulesstyle-loaderlibaddStyles.js'
Steps to recreate the problem:
create-react-app democd demo2
npm start(loaded the application in browser with home page)- Open another command window and reached to location demo4 folder
npm i bootstrap@4.1.1- open index.js in src folder and write:
import 'bootstrap/dist/css/bootstrap.css';
- save the file and error comes.
javascript reactjs typescript
asked Aug 2 '18 at 11:05
Hiren JoshiHiren Joshi
444
add a comment |
I am using Windows 10. Follwoing are the two scenarios where I faced problems. I created applications using create-react-app command. I installed create-react-app using command npm i -g create-react-app@1.5.2
Scenario 1
I stopped react server which was running using npm start command. Then I installed bootstrap using npm i bootstarp@4.1.1 and then I tried to run command npm start but rathern than starting the server, it has given an error 'react-scripts' is not recognized as an internal or external command.
The application is working perfactly before I stopped the react server and installed bootstrap.
Steps to recreate the problem:
create-react-app democd demo
npm start(loaded the application in browser with home page)- stopped the server using Ctrl + C (break)
npm i bootstrap@4.1.1
npm start(giving error 'react-scripts' is not recognized as an internal or external command)
Scenario 2
I installed bootstrap in running react server using another command window / visul studio command line using npm i bootstarp@4.1.1 and when I imported bootstrap file in index.js and saved the file. It have given error
./node_modules/style-loader/lib/addStyles.js
Module build failed: Error: ENOENT: no such file or directory, open 'D:reactdemo2node_modulesstyle-loaderlibaddStyles.js'
Steps to recreate the problem:
create-react-app democd demo2
npm start(loaded the application in browser with home page)- Open another command window and reached to location demo4 folder
npm i bootstrap@4.1.1- open index.js in src folder and write:
import 'bootstrap/dist/css/bootstrap.css';
- save the file and error comes.
javascript reactjs typescript
asked Aug 2 '18 at 11:05
Hiren JoshiHiren Joshi
444
I am using Windows 10. Follwoing are the two scenarios where I faced problems. I created applications using create-react-app command. I installed create-react-app using command npm i -g create-react-app@1.5.2
Scenario 1
I stopped react server which was running using npm start command. Then I installed bootstrap using npm i bootstarp@4.1.1 and then I tried to run command npm start but rathern than starting the server, it has given an error 'react-scripts' is not recognized as an internal or external command.
The application is working perfactly before I stopped the react server and installed bootstrap.
Steps to recreate the problem:
create-react-app democd demo
npm start(loaded the application in browser with home page)- stopped the server using Ctrl + C (break)
npm i bootstrap@4.1.1
npm start(giving error 'react-scripts' is not recognized as an internal or external command)
Scenario 2
I installed bootstrap in running react server using another command window / visul studio command line using npm i bootstarp@4.1.1 and when I imported bootstrap file in index.js and saved the file. It have given error
./node_modules/style-loader/lib/addStyles.js
Module build failed: Error: ENOENT: no such file or directory, open 'D:reactdemo2node_modulesstyle-loaderlibaddStyles.js'
Steps to recreate the problem:
create-react-app democd demo2
npm start(loaded the application in browser with home page)- Open another command window and reached to location demo4 folder
npm i bootstrap@4.1.1- open index.js in src folder and write:
import 'bootstrap/dist/css/bootstrap.css';
- save the file and error comes.
javascript reactjs typescript
javascript reactjs typescript
asked Aug 2 '18 at 11:05
Hiren JoshiHiren Joshi
444
asked Aug 2 '18 at 11:05
Hiren JoshiHiren Joshi
444
asked Aug 2 '18 at 11:05
Hiren JoshiHiren Joshi
444
asked Aug 2 '18 at 11:05
Hiren JoshiHiren Joshi
444
asked Aug 2 '18 at 11:05
Hiren JoshiHiren Joshi
444
444
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I've found many topics about this issue:
https://github.com/facebook/create-react-app/issues/1627
https://github.com/facebook/create-react-app/issues/2436
'react-scripts' is not recognized as an internal or external command
I think that it is related to the npm version that you use. It seems that npm doesn't install all the required dependencies.
Try to run npm update in order to update the dependencies. After this, npm start should work fine:
npm update
npm start
answered Nov 23 '18 at 6:36
andreivictorandreivictor
2,18421529
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f51652064%2freact-and-bootstrap4-issue-when-creating-application-using-create-react-app%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I've found many topics about this issue:
https://github.com/facebook/create-react-app/issues/1627
https://github.com/facebook/create-react-app/issues/2436
'react-scripts' is not recognized as an internal or external command
I think that it is related to the npm version that you use. It seems that npm doesn't install all the required dependencies.
Try to run npm update in order to update the dependencies. After this, npm start should work fine:
npm update
npm start
answered Nov 23 '18 at 6:36
andreivictorandreivictor
2,18421529
add a comment |
I've found many topics about this issue:
https://github.com/facebook/create-react-app/issues/1627
https://github.com/facebook/create-react-app/issues/2436
'react-scripts' is not recognized as an internal or external command
I think that it is related to the npm version that you use. It seems that npm doesn't install all the required dependencies.
Try to run npm update in order to update the dependencies. After this, npm start should work fine:
npm update
npm start
answered Nov 23 '18 at 6:36
andreivictorandreivictor
2,18421529
add a comment |
I've found many topics about this issue:
https://github.com/facebook/create-react-app/issues/1627
https://github.com/facebook/create-react-app/issues/2436
'react-scripts' is not recognized as an internal or external command
I think that it is related to the npm version that you use. It seems that npm doesn't install all the required dependencies.
Try to run npm update in order to update the dependencies. After this, npm start should work fine:
npm update
npm start
answered Nov 23 '18 at 6:36
andreivictorandreivictor
2,18421529
I've found many topics about this issue:
https://github.com/facebook/create-react-app/issues/1627
https://github.com/facebook/create-react-app/issues/2436
'react-scripts' is not recognized as an internal or external command
I think that it is related to the npm version that you use. It seems that npm doesn't install all the required dependencies.
Try to run npm update in order to update the dependencies. After this, npm start should work fine:
npm update
npm start
answered Nov 23 '18 at 6:36
andreivictorandreivictor
2,18421529
edited Nov 23 '18 at 6:43
answered Nov 23 '18 at 6:36
andreivictorandreivictor
2,18421529
answered Nov 23 '18 at 6:36
andreivictorandreivictor
2,18421529
answered Nov 23 '18 at 6:36
andreivictorandreivictor
2,18421529
2,18421529
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f51652064%2freact-and-bootstrap4-issue-when-creating-application-using-create-react-app%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
