"You may need an appropriate loader to handle this file type" after "npm install"

[dukedougal]

Hello

See below - I get quite alot of errors when trying to install with "npm install". ANy ideas what I can od to fix?

thanks!

react-example-filmdb@0.0.1 postinstall /var/www/www.ug.guru/htmlroot/react-example-filmdb
npm run build

react-example-filmdb@0.0.1 build /var/www/www.ug.guru/htmlroot/react-example-filmdb
webpack --progress --stats --config ./webpack/prod.config.js

30% 1/3 build modules[boostrap-sass-loader]: styleLoader: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/extract-text-webpack-plugin/loader.js?{"omit":1,"extract":true,"remove":true}!style-loader!css-loader!sass-loader
43% 5/9 build modules[boostrap-sass-loader]: bootstrap-sass location: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/bootstrap-sass/assets
[boostrap-sass-loader]: Setting: $icon-font-path: "../../node_modules/bootstrap-sass/assets/fonts/bootstrap/";
[boostrap-sass-loader]: fileName for preBootstrapCustomizations: /var/www/www.ug.guru/htmlroot/react-example-filmdb/app/styles/_pre-bootstrap-customizations.scss
[boostrap-sass-loader]: fileName for bootstrapCustomizations: /var/www/www.ug.guru/htmlroot/react-example-filmdb/app/styles/_bootstrap-customizations.scss
[boostrap-sass-loader]: fileName for mainSass: /var/www/www.ug.guru/htmlroot/react-example-filmdb/app/styles/_main.scss
68% 554/572 build modules[boostrap-sass-loader]: bootstrap-sass location: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/bootstrap-sass/assets
[boostrap-sass-loader]: Setting: $icon-font-path: "../../node_modules/bootstrap-sass/assets/fonts/bootstrap/";
[boostrap-sass-loader]: fileName for preBootstrapCustomizations: /var/www/www.ug.guru/htmlroot/react-example-filmdb/app/styles/_pre-bootstrap-customizations.scss
[boostrap-sass-loader]: fileName for bootstrapCustomizations: /var/www/www.ug.guru/htmlroot/react-example-filmdb/app/styles/_bootstrap-customizations.scss
[boostrap-sass-loader]: fileName for mainSass: /var/www/www.ug.guru/htmlroot/react-example-filmdb/app/styles/_main.scss
Hash: d929b9ca6bea8ac8143e
Version: webpack 1.10.0
Time: 31052ms
Asset Size Chunks Chunk Names
b9d01ac1742192a7c9d30f3fe346a9f4.woff 25 kB [emitted]
4d9f3f9e5195e7b074bb63ba4ce42208.eot 21.4 kB [emitted]
1d2af757de4340d6b644360e517a2a47.ttf 45.3 kB [emitted]
f7c2b4b747b1a225eb8dee034134a1b0.eot 60.8 kB [emitted]
2980083682e94d33a66eef2e7d612519.svg 313 kB [emitted]
706450d7bba6374ca02fe167d86685cb.ttf 122 kB [emitted]
88e897b6e48f9b57cbed1ad9256f18ee.svg 71.8 kB [emitted]
97493d3f11c0a3bd5cbd959f5d19b699.woff2 56.8 kB [emitted]
d9ee23d59d0e0e727b51368b458a0bff.woff 71.5 kB [emitted]
app-823767efa2d3125d8569.js 681 kB 0 [emitted] app
app-823767efa2d3125d8569.css 103 kB 0 [emitted] app
app-823767efa2d3125d8569.js.map 5.51 MB 0 [emitted] app
app-823767efa2d3125d8569.css.map 105 bytes 0 [emitted] app
[0] multi app 40 bytes {0} [built]
+ 570 hidden modules

ERROR in .//react-router/modules/components/DefaultRoute.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/components/DefaultRoute.js Line 11: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| * route hierarchy.
| */
| class DefaultRoute extends Route {}
|
| // TODO: Include these in the above class definition
@ .//react-router/modules/index.js 1:23-59

ERROR in .//react-router/modules/components/NotFoundRoute.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/components/NotFoundRoute.js Line 12: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| * route hierarchy.
| */
| class NotFoundRoute extends Route {}
|
| // TODO: Include these in the above class definition
@ .//react-router/modules/index.js 3:24-61

ERROR in .//react-router/modules/components/Redirect.js
Module parse failed: /var/www/www.gu.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/components/Redirect.js Line 8: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| * redirects to another route when it matches.
| */
| class Redirect extends Route {}
|
| // TODO: Include these in the above class definition
@ .//react-router/modules/index.js 4:19-51

ERROR in .//react-router/modules/components/RouteHandler.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/components/RouteHandler.js Line 12: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| * when routes are nested.
| */
| class RouteHandler extends React.Component {
|
| getChildContext() {
@ .//react-router/modules/index.js 6:24-60

ERROR in .//react-router/modules/components/Route.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/components/Route.js Line 46: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| * If no handler is provided for the route, it will render a matched child route.
| */
| class Route extends React.Component {
|
| render() {
@ .//react-router/modules/index.js 5:16-45

ERROR in .//react-router/modules/locations/HistoryLocation.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/locations/HistoryLocation.js Line 30: Unexpected token (
You may need an appropriate loader to handle this file type.
| var HistoryLocation = {
|
| addChangeListener(listener) {
| _listeners.push(listener);
|
@ .//react-router/modules/index.js 10:26-64

ERROR in .//react-router/modules/components/Link.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/components/Link.js Line 31: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| * <Link to="showPost" params={{ postID: "123" }} query={{ show:true }}/>
| */
| class Link extends React.Component {
|
| handleClick(event) {
@ .//react-router/modules/index.js 2:15-43

ERROR in .//react-router/modules/locations/RefreshLocation.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/locations/RefreshLocation.js Line 11: Unexpected token (
You may need an appropriate loader to handle this file type.
| var RefreshLocation = {
|
| push(path) {
| window.location = path;
| },
@ .//react-router/modules/index.js 11:26-64

ERROR in .//react-router/modules/locations/HashLocation.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/locations/HashLocation.js Line 50: Unexpected token (
You may need an appropriate loader to handle this file type.
| var HashLocation = {
|
| addChangeListener(listener) {
| _listeners.push(listener);
|
@ .//react-router/modules/index.js 9:23-58

ERROR in .//react-router/modules/locations/StaticLocation.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/locations/StaticLocation.js Line 12: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| * only the path that was used in the request.
| */
| class StaticLocation {
|
| constructor(path) {
@ .//react-router/modules/index.js 12:25-62

ERROR in .//react-router/modules/locations/TestLocation.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/locations/TestLocation.js Line 8: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| * A location that is convenient for testing and does not require a DOM.
| */
| class TestLocation {
|
| constructor(history) {
@ .//react-router/modules/index.js 13:23-58

ERROR in .//react-router/modules/Navigation.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/Navigation.js Line 31: Unexpected token (
You may need an appropriate loader to handle this file type.
| * name, URL parameters, and query values.
| */
| makePath(to, params, query) {
| return this.context.router.makePath(to, params, query);
| },
@ .//react-router/modules/index.js 19:21-44

ERROR in .//react-router/modules/Route.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/Route.js Line 8: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| var _currentRoute;
|
| class Route {
|
| /**
@ .//react-router/modules/index.js 22:22-40 23:29-47 24:30-48 25:25-43

ERROR in .//react-router/modules/State.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/State.js Line 30: Unexpected token (
You may need an appropriate loader to handle this file type.
| * Returns the current URL path.
| */
| getPath() {
| return this.context.router.getCurrentPath();
| },
@ .//react-router/modules/index.js 20:16-34

ERROR in .//react-router/modules/PropTypes.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/PropTypes.js Line 10: Unexpected token (
You may need an appropriate loader to handle this file type.
| * Indicates that a prop should be falsy.
| */
| falsy(props, propName, componentName) {
| if (props[propName])
| return new Error(<${componentName}> should not have a "${propName}" prop);
@ .//react-router/modules/createRouter.js 16:16-38

ERROR in .//react-router/modules/Match.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/Match.js Line 41: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| }
|
| class Match {
|
| /**
@ .//react-router/modules/createRouter.js 20:12-30

ERROR in .//react-router/modules/PathUtils.js
Module parse failed: /var/www/www.ug.guru/htmlroot/react-example-filmdb/node_modules/react-router/modules/PathUtils.js Line 47: Unexpected token ,
You may need an appropriate loader to handle this file type.
|
| return {
| pattern,
| escapedSource,
| paramNames,
@ .//react-router/modules/createRouter.js 23:16-38
Child extract-text-webpack-plugin:
+ 12 hidden modules
koa-body-parser@1.1.2 node_modules/koa-body-parser

restful.js@0.6.1 node_modules/restful.js

modularized-normalize-scss@3.0.3 node_modules/modularized-normalize-scss

formsy-react@0.13.1 node_modules/formsy-react

flowcheck-loader@1.0.0 node_modules/flowcheck-loader
└── loader-utils@0.2.10 (big.js@3.1.3, json5@0.4.0)

jscs-loader@0.0.5 node_modules/jscs-loader
├── strip-json-comments@1.0.2
├── rcloader@0.1.2 (rcfinder@0.1.8, lodash@2.4.2)
└── loader-utils@0.2.10 (big.js@3.1.3, json5@0.4.0)

eslint-loader@0.10.0 node_modules/eslint-loader
├── object-assign@2.1.1
└── loader-utils@0.2.10 (big.js@3.1.3, json5@0.4.0)

extract-text-webpack-plugin@0.6.0 node_modules/extract-text-webpack-plugin
├── async@0.2.10
├── source-map@0.1.43 (amdefine@0.1.1)
└── loader-utils@0.2.10 (big.js@3.1.3, json5@0.4.0)

style-loader@0.11.0 node_modules/style-loader
└── loader-utils@0.2.10 (big.js@3.1.3, json5@0.4.0)

sass-loader@1.0.2 node_modules/sass-loader
└── loader-utils@0.2.10 (big.js@3.1.3, json5@0.4.0)

isparta-loader@0.2.0 node_modules/isparta-loader
├── lodash.assign@3.2.0 (lodash._baseassign@3.2.0, lodash._createassigner@3.1.1, lodash.keys@3.1.1)
├── loader-utils@0.2.10 (big.js@3.1.3, json5@0.4.0)
└── isparta@3.0.3 (which@1.1.1, esprima@2.4.0, mkdirp@0.5.1, nomnom@1.8.1, lodash.partial@3.1.0, source-map@0.4.2, escodegen@1.6.1, istanbul@0.3.17)
ubuntu@ip-xx-xx-xx-xx:/var/www/www.ug.guru/htmlroot/react-example-filmdb$

[tomaash]

This looks really strange. Try to delete node_modules and start again. Also check the node.js version - should be 0.12 or newer.

[tomaash]

I got rid of sass loader. Does it work now for you?