googlecreativelab / aiexperiments-ai-duet

A piano that responds to you.
https://aiexperiments.withgoogle.com/ai-duet
1.63k stars 283 forks source link

"GET /build/Main.js HTTP/1.1" 404 - #12

Closed neiljelmert closed 7 years ago

neiljelmert commented 7 years ago

Installed the python way, and got the 404 error on the Main.js. Then installed the docker way, and the same thing occurred. I have Node.js version 7.6.0 current, and webpack 2.x. Running in a virtual environment with the repo cloned at my root.

Sometimes I get:

127.0.0.1 - - [24/Feb/2017 19:31:46] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [24/Feb/2017 19:31:46] "GET /build/Main.js HTTP/1.1" 404 -
127.0.0.1 - - [24/Feb/2017 19:31:47] "GET /build/Main.js HTTP/1.1" 404 -
127.0.0.1 - - [24/Feb/2017 19:31:47] "GET /images/AIDuet_196.png HTTP/1.1" 304 -
127.0.0.1 - - [24/Feb/2017 19:31:47] "GET /images/AIDuet_152.png HTTP/1.1" 304 -
127.0.0.1 - - [24/Feb/2017 19:31:47] "GET /images/AIDuet_32.png HTTP/1.1" 304 -

in one setting.

The site remains white and empty throughout. Any ideas? Forgive me, I'm a newb when it comes to installation management.

tambien commented 7 years ago

It seems like maybe you didn't build the static js files. Follow the instructions at the bottom of the installation instructions section to build the static files with webpack:

cd static
npm install
webpack -p

Are you getting an error at this part?

neiljelmert commented 7 years ago

Nope, the error is when I go to the website, and my terminal is automatically filled by those 404 error, etc. When I ran the instructions you just posted, I get

npm install webpack -p
/Users/neiljelmert/aiexperiments-ai-duet/static/node_modules/webpack
npm WARN ai-duet@1.0.0 No description
npm WARN ai-duet@1.0.0 No license field.
tambien commented 7 years ago

make sure you're first running npm install, then hit enter, and then run webpack -p. From your snippet, it looks like you've got it all on one line.

neiljelmert commented 7 years ago

After npm install I get

npm WARN ai-duet@1.0.0 No description
npm WARN ai-duet@1.0.0 No license field.

After webpack -p I now get

Hash: c40174bfeb734d05c873
Version: webpack 1.14.0
Time: 23ms

ERROR in Entry module not found: Error: Cannot resolve module 'app/Main' in /Users/neiljelmert/aiexperiments-ai-duet/static
tambien commented 7 years ago

Strange, it seems like you might have an older version of the code. There is no 'app/Main' that's been renamed to 'src/Main'. Make sure you pull the latest code from github.

neiljelmert commented 7 years ago

Alright, I did a clean pull/install and had no issues with webpack, etc. Also, I see 'Main': 'src/Features' in the webpack.config.js, so no more app/Main issue. Now I have this issue:

/server$ python server.py 
 * Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
127.0.0.1 - - [28/Feb/2017 20:43:20] "GET / HTTP/1.1" 200 -

which seems like it should be working, but going to the browser (Chrome) yields a blank white page.

In addition, a refresh of the page pings the terminal:


127.0.0.1 - - [28/Feb/2017 20:48:05] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [28/Feb/2017 20:48:06] "GET /images/AIDuet_196.png HTTP/1.1" 200 -

but still blank.

I don't know if this well help, but here is my result of webpack -p in /static:

/static$ webpack -p
Hash: 3610439d6efd3ea33f29
Version: webpack 1.14.0
Time: 29278ms
          Asset     Size  Chunks             Chunk Names
   ./build/0.js   840 kB       0  [emitted]  
./build/Main.js  78.5 kB       1  [emitted]  Main
    + 393 hidden modules

WARNING in ./build/0.js from UglifyJs
Dropping unused variable frustumSize [./src/roll/Roll.js:108,8]
Side effects in initialization of unused variable aspect [./src/roll/Roll.js:109,8]
Dropping unused function scale [./src/roll/Roll.js:25,9]
Condition always false [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/notsupported.css:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/notsupported.css:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/notsupported.css:7,0]
Condition always true [./~/three/build/three.js:2,0]
Dropping unused variable edges [./~/three/build/three.js:17399,0]
Side effects in initialization of unused variable Tutorial [./src/ai/Tutorial.js:60,13]
Side effects in initialization of unused variable About [./src/interface/About.js:33,13]
Side effects in initialization of unused variable Note [./src/keyboard/Note.js:19,13]
Side effects in initialization of unused variable RollNote [./src/roll/RollNote.js:24,13]
Condition always true [/source/AudioKeys.js:15,0]
Condition always true [./~/buckets-js/dist/buckets.min.js:2,15]
Condition always true [./~/midiconvert/build/MidiConvert.js:1,15]
Condition always true [./~/pepjs/dist/pep.js:7,0]
Condition always true [./~/startaudiocontext/StartAudioContext.js:8,0]
Dropping unreachable code [./~/startaudiocontext/StartAudioContext.js:10,3]
Condition always false [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/about.css:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/about.css:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/about.css:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/glow.css:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/glow.css:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/glow.css:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/keyboard.css:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/keyboard.css:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/keyboard.css:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/tutorial.css:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/tutorial.css:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/tutorial.css:7,0]
Condition always true [./~/webmidi/webmidi.min.js:31,895]

WARNING in ./build/Main.js from UglifyJs
Side effects in initialization of unused variable main [./src/FeatureTest.js:28,9]
Condition always false [./~/style-loader/addStyles.js:24,0]
Dropping unreachable code [./~/style-loader/addStyles.js:25,0]
Condition always false [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/splash.css:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/splash.css:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/splash.css:7,0]
Condition always true [./~/domready/ready.js:6,0]
Dropping unreachable code [./~/domready/ready.js:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/main.css:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/main.css:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/autoprefixer-loader!./~/sass-loader!./style/main.css:7,0]
neiljelmert commented 7 years ago

Issue solved by using Safari. Thanks for the help! =]

piteight commented 7 years ago

I find this issue helpfull, but its not visible from github issue page. I had to find it via neiljelmert activity... strange.

piyush320 commented 7 years ago

I also find the same issue . And still have no solution for that .

127.0.0.1 - - [28/Apr/2017 12:18:29] "GET / HTTP/1.1" 200 - 127.0.0.1 - - [28/Apr/2017 12:18:29] "GET /build/Main.js HTTP/1.1" 404 - 127.0.0.1 - - [28/Apr/2017 12:18:30] "GET /favicon.ico HTTP/1.1" 404 - 127.0.0.1 - - [28/Apr/2017 12:18:35] "GET /images/AIDuet_196.png HTTP/1.1" 200 -