Giter VIP home page Giter VIP logo

Comments (7)

yTakkar avatar yTakkar commented on August 30, 2024

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.

yTakkar avatar yTakkar commented on August 30, 2024

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.

firetick avatar firetick commented on August 30, 2024

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.

yTakkar avatar yTakkar commented on August 30, 2024

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.

firetick avatar firetick commented on August 30, 2024

@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.

firetick avatar firetick commented on August 30, 2024

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.

yTakkar avatar yTakkar commented on August 30, 2024

You first follow all the instructions.
Follow instruction no. 5 to get solved.

from react-instagram-clone-2.0.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.