bradtraversy / react_webpack_starter Goto Github PK

For some reason my web pack build for production is zoomed in or larger on my index.html page than my dev environment. Seems like all the fonts are just bigger in my prod environment. Any suggestions to why?

This project seems far removed from the original video guide here: https://www.youtube.com/watch?v=deyxI-6C2u4

Would it be possible to create a branch with the original JavaScript setup (using current packages, etc)?

Without the bloat of this Typescript implementation?

After following the tutorial and running the start script, the browser opens localhost, but only serves the file directory, not the index.html.

I thought the problem might be in my code, so I cloned the repository and ran npm install and then the start script, and the problem still existed. I noticed a few comments on the YouTube video expressing the same concern.

Uncaught ReferenceError: PropTypes is not defined
at eval (Leads.js:50)
at Module../leadmanager/frontend/src/components/leads/Leads.js (main.js:169)
at webpack_require (main.js:20)
at eval (Dashboard.js:6)
at Module../leadmanager/frontend/src/components/leads/Dashboard.js (main.js:145)
at webpack_require (main.js:20)
at eval (App.js:7)
at Module../leadmanager/frontend/src/components/App.js (main.js:121)
at webpack_require (main.js:20)
at eval (index.js:2)

`react_webpack_starter farhatrv$ npm start

[email protected] start /Users/farhatrv/Documents/react_webpack_starter
webpack-dev-server --mode development --open --hot

/Users/farhatrv/Documents/react_webpack_starter/node_modules/webpack-cli/bin/config-yargs.js:89
describe: optionsSchema.definitions.output.properties.path.description,
^

TypeError: Cannot read property 'properties' of undefined
at module.exports (/Users/farhatrv/Documents/react_webpack_starter/node_modules/webpack-cli/bin/config-yargs.js:89:48)
at Object. (/Users/farhatrv/Documents/react_webpack_starter/node_modules/webpack-dev-server/bin/webpack-dev-server.js:86:25)
at Module._compile (internal/modules/cjs/loader.js:689:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
at Module.load (internal/modules/cjs/loader.js:599:32)
at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
at Function.Module._load (internal/modules/cjs/loader.js:530:3)
at Function.Module.runMain (internal/modules/cjs/loader.js:742:12)
at startup (internal/bootstrap/node.js:283:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: webpack-dev-server --mode development --open --hot
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start 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! /Users/farhatrv/.npm/_logs/2019-05-05T10_51_55_521Z-debug.log`

Getting the above error!

I got this error when I npm install and npm start. Maybe it is not working for some old version of NPM?
My Npm version is 5.11.1

Hi

When I try to use build I get this warning: build npm build called with no arguments. Did you mean to npm run-script build?

Is there some better short hand or something that I can do so I can just do "npm build"?