Comments (7)
Run npm start
' for starting the server.
npm run dev
for bundling client-side JS files.
That's it
from react-instagram-clone-2.0.
I tested the app and it worked fine.
Settings
link is on 2 components, sidebar & header (Inside drop-down menu).
I think you changed the text of settings link in the header component & looked for change in the sidebar component.
from react-instagram-clone-2.0.
Thanks @yTakkar for info.
After running code with 'npm run dev'
I am getting below error.
NOTE : I have installed webpack-cli with 'npm i webpack-cli', still same error.
npm run dev
[email protected] dev E:\FIRETICK\React-Instagram-Clone-2.0
webpack -d --watch
The CLI moved into a separate package: webpack-cli
Would you like to install webpack-cli? (That will run yarn add -D webpack-cli) (yes/NO)yes
yarn add v1.5.1
[1/4] Resolving packages...
[2/4] Fetching packages...
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "webpack@2 || 3".
warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0".
[4/4] Building fresh packages...
success Saved 1 new dependency.
info Direct dependencies
└─ [email protected]
info All dependencies
└─ [email protected]
Done in 8.48s.
{ Error: Cannot find module 'webpack-cli'
at Function.Module._resolveFilename (module.js:547:15)
at Function.Module._load (module.js:474:25)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at runCommand.then.result (C:\Users\arjun\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:62:14)
at
at process._tickCallback (internal/process/next_tick.js:188:7) code: 'MODULE_NOT_FOUND' }
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: webpack -d --watch
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\arjun\AppData\Roaming\npm-cache_logs\2018-04-16T07_51_50_325Z-debug.log
from react-instagram-clone-2.0.
Since webpack
is installed globally, so you have to install webpack-cli
globally by npm i webpack-cli -g
from react-instagram-clone-2.0.
@yTakkar , thanks for update , webpack issue have been resolved,But new issue have been showing up.
React-Instagram-Clone-2.0>npm run dev
[email protected] dev E:\FIRETICK\React-Instagram-Clone-2.0
webpack -d --watch
Webpack is watching the files…
Hash: 7165b32e64cb076be2bd
Version: webpack 4.5.0
Time: 18233ms
Built at: 2018-4-16 13:53:10
Asset Size Chunks Chunk Names
bundle.js 8.24 MiB main [emitted] [big] main
Entrypoint main [big] = bundle.js
[./public/js/src/main.js] 1.12 KiB {main} [built]
[./public/js/src/store/actions/message-a.js] 2.71 KiB {main} [built]
[./public/js/src/store/actions/notification-a.js] 950 bytes {main} [built]
[./public/js/src/store/reducers/explore-r.js] 1.07 KiB {main} [built]
[./public/js/src/store/reducers/follow-r.js] 3.08 KiB {main} [built]
[./public/js/src/store/reducers/group-r.js] 2.61 KiB {main} [built]
[./public/js/src/store/reducers/hashtag-r.js] 1.12 KiB {main} [built]
[./public/js/src/store/reducers/message-r.js] 3.6 KiB {main} [built]
[./public/js/src/store/reducers/notification-r.js] 1.1 KiB {main} [built]
[./public/js/src/store/reducers/post-r.js] 5.53 KiB {main} [built]
[./public/js/src/store/reducers/setting-r.js] 996 bytes {main} [built]
[./public/js/src/store/reducers/user-r.js] 1.38 KiB {main} [built]
[./public/js/src/store/store.js] 2.02 KiB {main} [built]
[./public/js/src/user-system/user-system.js] 6.1 KiB {main} [built]
[./public/js/src/utils/utils.js] 11.9 KiB {main} [built]
+ 454 hidden modules
ERROR in ./public/js/src/components/post/post-it/post-it.js
Module not found: Error: Can't resolve '../../../../../../env' in 'E:\FIRETICK\React-Instagram-Clone-2.0\public\js\src\components\post\post-it'
@ ./public/js/src/components/post/post-it/post-it.js 66:11-43
@ ./public/js/src/components/post/post-it/post-it-teaser.js
@ ./public/js/src/components/home/home.js
@ ./public/js/src/components/App.js
@ ./public/js/src/main.js
ERROR in ./public/js/src/components/group/group-banner.js
Module not found: Error: Can't resolve '../../../../../env' in 'E:\FIRETICK\React-Instagram-Clone-2.0\public\js\src\components\group'
@ ./public/js/src/components/group/group-banner.js 64:11-40
@ ./public/js/src/components/group/group.js
@ ./public/js/src/components/App.js
@ ./public/js/src/main.js
ERROR in ./public/js/src/components/post/post.js
Module not found: Error: Can't resolve '../../../../../env' in 'E:\FIRETICK\React-Instagram-Clone-2.0\public\js\src\components\post'
@ ./public/js/src/components/post/post.js 68:11-40
@ ./public/js/src/components/profile/sections/shared-s.js
@ ./public/js/src/components/profile/profile.js
@ ./public/js/src/components/App.js
@ ./public/js/src/main.js
ERROR in ./public/js/src/components/profile/banner.js
Module not found: Error: Can't resolve '../../../../../env' in 'E:\FIRETICK\React-Instagram-Clone-2.0\public\js\src\components\profile'
@ ./public/js/src/components/profile/banner.js 80:11-40
@ ./public/js/src/components/profile/profile.js
@ ./public/js/src/components/App.js
@ ./public/js/src/main.js
from react-instagram-clone-2.0.
i think it is not able to get path of .env file.
Any suggestions..?
This happens only with 'npm run dev'
from react-instagram-clone-2.0.
You first follow all the instructions.
Follow instruction no. 5 to get solved.
from react-instagram-clone-2.0.
Related Issues (20)
- help install
- Admin Panel
- Error on first run HOT 2
- I want to Contribute on Open Source Project HOT 1
- _p_inky786
- Password
- vue version
- Cannot find main.hbs HOT 3
- Title doesnt change HOT 3
- Is SignpWorking HOT 1
- Workbench 'groups' problem HOT 2
- Live Demo available at s.citvy.com (Nov 2020) - works HOT 9
- Issue HOT 1
- Web app is not responsive
- Deploy
- MySQL and Node errors/warnings
- Video / Text / Link / Stories Post Types
- Linktr HOT 1
- Dark Mode Toggle HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-instagram-clone-2.0.