Skip to content

Instantly share code, notes, and snippets.

@CalebEverett
Last active November 7, 2015 02:13
Show Gist options
  • Save CalebEverett/ad8dda9e93ccad1c37ae to your computer and use it in GitHub Desktop.
Save CalebEverett/ad8dda9e93ccad1c37ae to your computer and use it in GitHub Desktop.
Error on build
```
caleb.everett@Caleb-Laptop-New MINGW64 /d/projects/rrum (toolbox)
$ npm run dev
> [email protected] dev D:\projects\rrum
> concurrent --kill-others "npm run watch-client" "npm run start-dev" "npm run start-dev-api"
[0]
[0] > [email protected] watch-client D:\projects\rrum
[0] > node ./node_modules/better-npm-run watch-client
[0]
[1]
[1] > [email protected] start-dev D:\projects\rrum
[1] > node ./node_modules/better-npm-run start-dev
[1]
[2]
[2] > [email protected] start-dev-api D:\projects\rrum
[2] > node ./node_modules/better-npm-run start-dev-api
[2]
[0] running better-npm-run in D:\projects\rrum
[0] Executing script: watch-client
[0]
[0] to be executed:set NODE_PATH=./src&& set UV_THREADPOOL_SIZE=100&& node webpack/webpack-dev-server.js
[1] running better-npm-run in D:\projects\rrum
[1] Executing script: start-dev
[1]
[1] to be executed:set APIPORT=3030&& set PORT=3000&& set NODE_ENV=development&& set NODE_PATH=./src&& node ./bin/server.js
[2] running better-npm-run in D:\projects\rrum
[2] Executing script: start-dev-api
[2]
[2] to be executed:set APIPORT=3030&& set NODE_ENV=development&& set NODE_PATH=./api&& node ./bin/api.js
[0] ==> 🚧 Webpack development server listening on port 3001
[2] [piping] can't execute file: D:\projects\rrum\bin\api.js
[2] [piping] error given was: Error: bind EADDRINUSE null:3030
[2] at Object.exports._errnoException (util.js:874:11)
[2] at exports._exceptionWithHostPort (util.js:897:20)
[2] at cb (net.js:1299:16)
[2] at shared (cluster.js:582:5)
[2] at Worker.<anonymous> (cluster.js:556:9)
[2] at process.<anonymous> (cluster.js:710:8)
[2] at emitTwo (events.js:92:20)
[2] at process.emit (events.js:172:7)
[2] at handleMessage (internal/child_process.js:686:10)
[2] at internal/child_process.js:497:7
[2] [piping] further repeats of this error will be suppressed...
[1] [piping] can't execute file: D:\projects\rrum\bin\server.js
[1] [piping] error given was: Error: bind EADDRINUSE null:3000
[1] at Object.exports._errnoException (util.js:874:11)
[1] at exports._exceptionWithHostPort (util.js:897:20)
[1] at cb (net.js:1299:16)
[1] at shared (cluster.js:582:5)
[1] at Worker.<anonymous> (cluster.js:556:9)
[1] at process.<anonymous> (cluster.js:710:8)
[1] at emitTwo (events.js:92:20)
[1] at process.emit (events.js:172:7)
[1] at handleMessage (internal/child_process.js:686:10)
[1] at internal/child_process.js:497:7
[1] [piping] further repeats of this error will be suppressed...
[0] ./~/css-loader?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!./~/autoprefixer-loader?browsers=last 2 version!./~/sass-loader?outputStyle=expanded&sourceMap!./~/toolbox-loader!./src/containers/App/App.scss
[0] Module build failed:
[0] .brand {
[0] ^
[0] File to import not found or unreadable: react-toolbox/lib/commons
[0] in D:\projects\rrum\src\containers\App\App.scss (line 4, column 9)
[0] Error:
[0] .brand {
[0] ^
[0] File to import not found or unreadable: react-toolbox/lib/commons
[0] in D:\projects\rrum\src\containers\App\App.scss (line 4, column 9)
[0] at options.error (D:\projects\rrum\node_modules\node-sass\lib\index.js:277:32)
[0] @ ./src/containers/App/App.scss 4:14-358 13:2-17:4 14:20-364
[0] [webpack-isomorphic-tools/plugin] [error] Module "./~/css-loader?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!./~/autoprefixer-loader?browsers=last 2 version!./~/sass-loader?outputStyle=expanded&sourceMap!./~/toolbox-loader!./src/containers/App/App.scss" has no source. Maybe Webpack compilation of this module failed. Skipping this asset.
[0] webpack built 2d4fe9f7313d54688f3a in 8845ms
```
@tomchentw
Copy link

➜  react-redux-universal-material git:(toolbox) ✗ gd

diff --git a/src/containers/App/App.scss b/src/containers/App/App.scss
index 589e338..80d6391 100755
--- a/src/containers/App/App.scss
+++ b/src/containers/App/App.scss
@@ -1,4 +1,4 @@
-@import "react-toolbox/lib/commons";
+@import "~react-toolbox/lib/commons";

 .app {
   .brand {
(END)

@CalebEverett
Copy link
Author

image

image

@tomchentw
Copy link

diff --git a/src/containers/App/App.js b/src/containers/App/App.js
index 2ef6610..1ac38cb 100755
--- a/src/containers/App/App.js
+++ b/src/containers/App/App.js
@@ -5,6 +5,7 @@ import DocumentMeta from 'react-document-meta';
 import { isLoaded as isInfoLoaded, load as loadInfo } from 'redux/modules/info';
 import { isLoaded as isAuthLoaded, load as loadAuth, logout } from 'redux/modules/auth';
 import { InfoBar } from 'components';
+import AppBar from 'react-toolbox/lib/app_bar';
 import { pushState } from 'redux-router';
 import config from '../../config';

@@ -69,6 +70,7 @@ export default class App extends Component {
         <DocumentMeta {...config.app}/>
         <nav className="navbar navbar-default navbar-fixed-top">
           <div className="container">
+            <AppBar />
             <NavbarLink to="/" className="navbar-brand" component={IndexLink}>
               <div className={styles.brand}/>
               React Redux Example
diff --git a/src/containers/App/App.scss b/src/containers/App/App.scss
index 589e338..80d6391 100755
--- a/src/containers/App/App.scss
+++ b/src/containers/App/App.scss
@@ -1,4 +1,4 @@
-@import "react-toolbox/lib/commons";
+@import "~react-toolbox/lib/commons";

 .app {
   .brand {

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment