error on npm start. "Module parse failed. You may need an appropriate loader to handle this file type." on Windows about pluralsight-redux-starter HOT 24 CLOSED

Have you cloned this starter kit or created your solution by hand yourself?

Is the babel loader configured in webpack.config.js?

Also, is .babelrc properly configured?

from pluralsight-redux-starter.

Yes i am using same file as uploaded on Github.

from pluralsight-redux-starter.

Can you post your solution so I can try running it?

Also, what version of node and npm are you using?

And what OS and command line?

from pluralsight-redux-starter.

Node: 6.2.0
Npm: 3.9.2
OS: Windows 7
Btw i did download zip from Pluralsight and it also gives same error. If i comment out following function then it works fine but i guess that's where main logic is.
render( (<Router history={browserHistory} routes={routes} />), document.getElementById('app') );

from pluralsight-redux-starter.

Note that your error is on line 9 of index.js. It appears you just have a syntax error on line 9 of index.js

from pluralsight-redux-starter.

I was also under same impression until i tried solution uploaded on pluralsight. Even that solution also points error at same line of code.

from pluralsight-redux-starter.

Line 9 doesn't exist in index.js in this starter kit. What error do you receive when you simply clone this starter kit without any changes?

from pluralsight-redux-starter.

Well in starter kit index.js only has console statement so it works fine. Only issue is when i try to add react specific code then it breaks.
Anyhow if i replace following line in webpack.config.dev.js then i am able to execute the project(with gazillion warnings in command prompt)
{ test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
Can this be specific to environment?

from pluralsight-redux-starter.

I'm confused. That line doesn't exist in the starter kit's webpack.config. It should read:

{test: /\.js$/, include: path.join(__dirname, 'src'), loaders: ['babel']},

from pluralsight-redux-starter.

Also, I just realized that npm-shrinkwrap.json should be deleted from the exercise files solution if you're on Windows (I created it on Mac so it causes an issue on Windows). After you delete npm-shrinkwrap.json, re-run npm install.

from pluralsight-redux-starter.

I am sorry i should have precisely mentioned on what i replaced
So i replaced following line:
{test: /\.js$/, include: path.join(__dirname, 'src'), loaders: ['babel']}
WITH
{ test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
and then it worked but as I said I see gazillion warning messages in the console.

from pluralsight-redux-starter.

Why did you change that line? What error do you receive with the line set to what's in the starter kit?

from pluralsight-redux-starter.

Well i get the error as i have highlighted in the subject of this issue

error on npm start. "Module parse failed. You may need an appropriate loader to handle this file type."

from pluralsight-redux-starter.

Gotcha. Please post your full solution, including node_modules, and I'll try running it on my Windows machine to see if I can reproduce.

from pluralsight-redux-starter.

http://www.filedropper.com/tvapp

from pluralsight-redux-starter.

Hrmm...I'm able to run your app just fine with Node 6.2.0/npm 3.8.6 on Windows 7.

But in a VM running Windows 8.1, I can reproduce your issue using Node 6.2.0/npm 3.8.6. I downgraded to the latest 5.x version of Node (5.11.1), and it worked fine.

So my suggestion for now is to install the latest 5.x version of Node. 6.x is bleeding edge and I suspect it's causing issues with some configurations.

Please let me know if 5.11.1 works fine for you.

from pluralsight-redux-starter.

@Assam Did using 5.11.1 solve your issue? That worked for me and another person.

from pluralsight-redux-starter.

Closing since no response. Others in course discussion mentioned moving to 5.11 fixed it for them.

from pluralsight-redux-starter.

Cory, I am sorry I couldn't revert back to you on this. I was busy in some other projects. Anyhow i think its fair to close the bug.

from pluralsight-redux-starter.

This relates to webpack/webpack#2462 and babel/babel-loader#198 for anyone ending up here in the future.

from pluralsight-redux-starter.

@Assam Just FYI - Installing the latest version of Node (6.2.1) resolved this for me.

I'm still unclear if Webpack, acorn, or Node is the root cause, but it works on Windows now in 6 for me.

from pluralsight-redux-starter.

I'm having this exact same issue with both 6.2.0 and 6.2.1 on Win 7. Switching to 4.4.5 (current LTS version) seems to fix it.

from pluralsight-redux-starter.

having no clue what is the problem. anyone faced and fixed the probem???

http://stackoverflow.com/questions/38669804/you-may-need-an-appropriate-loader-to-load-this-file-on-windows-with-webpack-not

from pluralsight-redux-starter.

@OnlyRefat Try changing this line: https://github.com/coryhouse/pluralsight-redux-starter/blob/master/webpack.config.dev.js#L28

to this:

{test: /.js$/, exclude: /node_modules/, loaders: ['babel'] }

This issue is also being discussed in #13, and someone reported this change worked for them.

If the change above doesn't fix it, be sure to check this list: https://github.com/coryhouse/pluralsight-redux-starter#having-issues-try-these-things-first

from pluralsight-redux-starter.