search

tomaash / react-example-filmdb

Isomorphic React + Flux film database example
https://www.toptal.com/react/navigating-the-react-ecosystem
178 stars 39 forks source link

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

Open dukedougal opened 9 years ago

dukedougal commented 9 years ago

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]

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:

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 commented 9 years ago

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 commented 9 years ago

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