henrikjoreteg/masters

Repo to follow along with Frontend Masters class

masters's Issues

Link to Copy/paste snippets has a 404 redirect

Copy/paste snippets link has a 404 redirect

Stylus dependency issue

There is a dependency issue with Stylus where you get the below error following the Front End Masters course in the Foundations of Web Applications > Creating Styles section.

ERROR in ./~/css-loader!./~/postcss-loader!./~/stylus-loader!./src/styles/main.styl
Module build failed: TypeError: /Users/tegan/Dev/front-end-masters/masters/src/styles/main.styl:2:21
   1| body
   2|   background: purple
--------------------------^

Path must be a string. Received undefined

    at assertPath (path.js:7:11)
    at extname (path.js:1429:5)
    at new SourceMapper (/Users/tegan/Dev/front-end-masters/masters/node_modules/stylus/lib/visitor/sourcemapper.js:41:7)
    at Renderer.render (/Users/tegan/Dev/front-end-masters/masters/node_modules/stylus/lib/renderer.js:94:9)
    at /Users/tegan/Dev/front-end-masters/masters/node_modules/stylus-loader/index.js:149:12
    at tryCatchReject (/Users/tegan/Dev/front-end-masters/masters/node_modules/when/lib/makePromise.js:840:30)
    at runContinuation1 (/Users/tegan/Dev/front-end-masters/masters/node_modules/when/lib/makePromise.js:799:4)
    at Fulfilled.when (/Users/tegan/Dev/front-end-masters/masters/node_modules/when/lib/makePromise.js:590:4)
    at Pending.run (/Users/tegan/Dev/front-end-masters/masters/node_modules/when/lib/makePromise.js:481:13)
    at Scheduler._drain (/Users/tegan/Dev/front-end-masters/masters/node_modules/when/lib/Scheduler.js:62:19)
 @ ./src/styles/main.styl 4:14-168 13:2-17:4 14:20-174

It works if you update the "stylus-loader" dependency in the package.json to "^2.0.0" but since I haven't completed the course I don't know if the new version introduces other issues.

Build is VALID but errors

Hello,

Thank you for the course!
I ran npm install (had to npm install prefixer after) and the build seems to be VALID, but the following errors are in the terminal. I believe it might be a version issue.

Your input is appreciated!

`
ERROR in .//css-loader!.//postcss-loader!.//octicons/octicons/octicons.css
Module build failed: TypeError: css.walkAtRules is not a function
at Processor.remove (/ampersand/masters/node_modules/autoprefixer/lib/processor.js:108:11)
at plugin (/masters/node_modules/autoprefixer/lib/autoprefixer.js:49:28)
at LazyResult.run (/Repos/ampersand/masters/node_modules/postcss/lib/lazy-result.js:197:24)
at /masters/node_modules/postcss/lib/lazy-result.js:110:37
at LazyResult.asyncTick ( /masters/node_modules/postcss/lib/lazy-result.js:124:15)
at processing.Promise.then._this2.processed ( /masters/node_modules/postcss/lib/lazy-result.js:150:20)
at new Promise ( /masters/node_modules/core-js/modules/es6.promise.js:197:7)
at LazyResult.async ( /masters/node_modules/postcss/lib/lazy-result.js:147:27)
at LazyResult.then ( /masters/node_modules/postcss/lib/lazy-result.js:72:21)
at Object.module.exports ( /masters/node_modules/postcss-loader/index.js:42:32)
@ .//octicons/octicons/octicons.css 4:14-101 13:2-17:4 14:20-107

ERROR in .//css-loader!.//postcss-loader!./~/stylus-loader!./src/styles/main.styl
Module build failed: TypeError: css.walkAtRules is not a function
at Processor.remove ( /masters/node_modules/autoprefixer/lib/processor.js:108:11)
at plugin ( /masters/node_modules/autoprefixer/lib/autoprefixer.js:49:28)
at LazyResult.run ( /masters/node_modules/postcss/lib/lazy-result.js:197:24)
at /masters/node_modules/postcss/lib/lazy-result.js:110:37
at LazyResult.asyncTick ( /masters/node_modules/postcss/lib/lazy-result.js:124:15)
at processing.Promise.then._this2.processed ( /masters/node_modules/postcss/lib/lazy-result.js:150:20)
at new Promise ( /masters/node_modules/core-js/modules/es6.promise.js:197:7)
at LazyResult.async ( /masters/node_modules/postcss/lib/lazy-result.js:147:27)
at LazyResult.then ( /masters/node_modules/postcss/lib/lazy-result.js:72:21)
at Object.module.exports ( /masters/node_modules/postcss-loader/index.js:42:32)
@ ./src/styles/main.styl 4:14-168 13:2-17:4 14:20-174
webpack: bundle is now VALID.
`