Netlify deployment

[ibrahim-alsaadi]

Hey Jacop

I hope this reaches you with the best health and spirit.

I'm running into a problem over here.

When Netlify tried deploy my web , it gave me this error log

webpack.txt

[cobiwave]

Hello Ibrahim, how are you?

Ok I see, did you setup correctly Netlify build configuration?

Build command is: npm run build
Publish directory: dist

[cobiwave]

@ibrahim-alsaadi hi! hope you're doing well.

Did you solve the issue? please let me know. I did the set up from the beginning and it works for me.

[lumeixu]

Hi Jacop, I also ran into a problem while deploying. Could you help me have a look?
It always got stuck after the bolded text below. I followed the youtube video but it was always stuck. So frustrating. Not sure where I did wrong.

5:28:02 PM: Build ready to start
5:28:04 PM: build-image version: 9cade8af58c2cf3a17a1e9433d2e979149488837
5:28:04 PM: build-image tag: v3.3.5
5:28:04 PM: buildbot version: 2fd8f04962d5dbc77b79b9c2f5ab7a077e87376b
5:28:04 PM: Fetching cached dependencies
5:28:04 PM: Starting to download cache of 254.9KB
5:28:04 PM: Finished downloading cache in 91.314468ms
5:28:04 PM: Starting to extract cache
5:28:04 PM: Failed to fetch cache, continuing with build
5:28:04 PM: Starting to prepare the repo for build
5:28:05 PM: No cached dependencies found. Cloning fresh repo
5:28:05 PM: git clone https://github.com/lumeixu/new-website
5:28:06 PM: Preparing Git Reference refs/heads/master
5:28:07 PM: Starting build script
5:28:07 PM: Installing dependencies
5:28:09 PM: Downloading and installing node v10.19.0...
5:28:09 PM: Downloading https://nodejs.org/dist/v10.19.0/node-v10.19.0-linux-x64.tar.xz...
5:28:10 PM:
##################### 30.1%
5:28:10 PM:
#############################################################
5:28:10 PM: ########### 100.0%
5:28:10 PM: Computing checksum with sha256sum
5:28:10 PM: Checksums matched!
5:28:13 PM: Now using node v10.19.0 (npm v6.13.4)
5:28:14 PM: Attempting ruby version 2.6.2, read from environment
5:28:16 PM: Using ruby version 2.6.2
5:28:16 PM: Using PHP version 5.6
5:28:16 PM: Started restoring cached node modules
5:28:16 PM: Finished restoring cached node modules
5:28:17 PM: Installing NPM modules using NPM version 6.13.4
5:28:33 PM: > node-sass@4.13.1 install /opt/build/repo/node_modules/node-sass
5:28:33 PM: > node scripts/install.js
5:28:34 PM: Downloading binary from https://github.com/sass/node-sass/releases/download/v4.13.1/linux-x64-64_binding.node
5:28:35 PM: Download complete
5:28:35 PM: Binary saved to /opt/build/repo/node_modules/node-sass/vendor/linux-x64-64/binding.node
5:28:35 PM: Caching binary to /opt/buildhome/.npm/node-sass/4.13.1/linux-x64-64_binding.node
5:28:35 PM: > node-sass@4.13.1 postinstall /opt/build/repo/node_modules/node-sass
5:28:35 PM: > node scripts/build.js
5:28:35 PM: Binary found at /opt/build/repo/node_modules/node-sass/vendor/linux-x64-64/binding.node
5:28:35 PM: Testing binary
5:28:36 PM: Binary is fine
5:28:37 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules/fsevents):
5:28:37 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
5:28:37 PM: added 950 packages from 528 contributors and audited 10419 packages in 19.136s
5:28:37 PM: 28 packages are looking for funding
5:28:37 PM: run npm fund for details
5:28:37 PM: found 0 vulnerabilities
5:28:38 PM: NPM modules installed
5:28:38 PM: Started restoring cached go cache
5:28:38 PM: Finished restoring cached go cache
5:28:38 PM: unset GOOS;
5:28:38 PM: unset GOARCH;
5:28:38 PM: export GOROOT='/opt/buildhome/.gimme/versions/go1.12.linux.amd64';
5:28:38 PM: export PATH="/opt/buildhome/.gimme/versions/go1.12.linux.amd64/bin:${PATH}";
5:28:38 PM: go version >&2;
5:28:38 PM: export GIMME_ENV='/opt/buildhome/.gimme/env/go1.12.linux.amd64.env';
5:28:38 PM: go version go1.12 linux/amd64
5:28:38 PM: Installing missing commands
5:28:38 PM: Verify run directory
5:28:38 PM: Executing user command: npm start
5:28:38 PM: > simplefolio@1.0.0 start /opt/build/repo
5:28:38 PM: > webpack-dev-server --config webpack.dev.js --open
5:28:40 PM: ℹ ｢wds｣: Project is running at http://localhost:8080/
5:28:40 PM: ℹ ｢wds｣: webpack output is served from /
5:28:40 PM: ℹ ｢wds｣: Content not from webpack is served from /opt/build/repo
5:28:42 PM: ℹ ｢wdm｣: Hash: f68d1c863eacef2ae306
5:28:42 PM: Version: webpack 4.41.5
5:28:42 PM: Time: 2231ms
5:28:42 PM: Built at: 02/15/2020 1:28:42 AM
5:28:42 PM: Asset Size Chunks Chunk Names
5:28:42 PM: assets/profile.afa816b40a55fcb8fa741467dd1913c7.jpg 1.41 MiB [emitted]
5:28:42 PM: assets/project.e7d8c1960c437bd82682356bcb4160d4.jpg 762 KiB [emitted]
5:28:42 PM: favicon.png 6.47 KiB [emitted]
5:28:42 PM: index.html 10.9 KiB [emitted]
5:28:42 PM: main.bundle.js 900 KiB main [emitted] main
5:28:42 PM: vendor.bundle.js 898 KiB vendor [emitted] vendor
5:28:42 PM: Entrypoint vendor = vendor.bundle.js
5:28:42 PM: Entrypoint main = main.bundle.js
5:28:42 PM: [0] multi (webpack)-dev-server/client?http://localhost:8080 ./src/vendor.js 40 bytes {vendor} [built]
5:28:42 PM: [1] multi (webpack)-dev-server/client?http://localhost:8080 ./src/index.js 40 bytes {main} [built]
5:28:42 PM: [./node_modules/bootstrap/dist/js/bootstrap.js] 132 KiB {vendor} [built]
5:28:42 PM: [./node_modules/jquery/dist/jquery.js] 274 KiB {vendor} {main} [built]
5:28:42 PM: [./node_modules/popper.js/dist/esm/popper.js] 86.4 KiB {vendor} [built]
5:28:42 PM: [./node_modules/strip-ansi/index.js] 161 bytes {vendor} {main} [built]
5:28:42 PM: [./node_modules/webpack-dev-server/client/index.js?http://localhost:8080] (webpack)-dev-server/client?http://localhost:8080 4.29 KiB {vendor} {main} [built]
5:28:42 PM: [./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.51 KiB {vendor} {main} [built]
5:28:42 PM: [./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {vendor} {main} [built]
5:28:42 PM: [./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {vendor} {main} [built]
5:28:42 PM: [./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {vendor} {main} [built]
5:28:42 PM: [./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {vendor} {main} [built]
5:28:42 PM: [./node_modules/webpack-dev-server/client/utils/sendMessage.js] (webpack)-dev-server/client/utils/sendMessage.js 402 bytes {vendor} {main} [built]
5:28:42 PM: [./src/index.js] 402 bytes {main} [built]
5:28:42 PM: [./src/vendor.js] 56 bytes {vendor} [built]
5:28:42 PM: + 30 hidden modules
5:28:42 PM: Child html-webpack-plugin for "index.html":
5:28:42 PM: Asset Size Chunks Chunk Names
5:28:42 PM: assets/profile.afa816b40a55fcb8fa741467dd1913c7.jpg 1.41 MiB [emitted]
5:28:42 PM: assets/project.e7d8c1960c437bd82682356bcb4160d4.jpg 762 KiB [emitted]
5:28:42 PM: + 1 hidden asset
5:28:42 PM: Entrypoint undefined = index.html
5:28:42 PM: [./node_modules/html-webpack-plugin/lib/loader.js!./src/template.html] 11.3 KiB {0} [built]
5:28:42 PM: [./src/assets/profile.jpg] 97 bytes {0} [built]
5:28:42 PM: [./src/assets/project.jpg] 97 bytes {0} [built]
5:28:42 PM: ℹ ｢wdm｣: Compiled successfully.
5:58:02 PM: Build exceeded maximum allowed runtime
5:58:02 PM: ℹ ｢wdm｣: Compiling...
5:58:03 PM: ✖ ｢wdm｣: Hash: 4f26e065b4cb6fff3a6d
5:58:03 PM: Version: webpack 4.41.5
5:58:03 PM: Time: 159ms
5:58:03 PM: Built at: 02/15/2020 1:58:03 AM
5:58:03 PM: Asset Size Chunks Chunk Names
5:58:03 PM: index.html 217 bytes [emitted]
5:58:03 PM: main.bundle.js 5.11 KiB main [emitted] main
5:58:03 PM: vendor.bundle.js 5.12 KiB vendor [emitted] vendor
5:58:03 PM: Entrypoint vendor = vendor.bundle.js
5:58:03 PM: Entrypoint main = main.bundle.js
5:58:03 PM: [./node_modules/webpack-dev-server/client/index.js?http://localhost:8080] (webpack)-dev-server/client?http://localhost:8080 153 bytes {vendor} {main} [built] [failed] [1 error]
5:58:03 PM: [./src/index.js] 118 bytes {main} [built] [failed] [1 error]
5:58:03 PM: [./src/vendor.js] 119 bytes {vendor} [built] [failed] [1 error]
5:58:03 PM: + 2 hidden modules
5:58:03 PM: ERROR in (webpack)-dev-server/client?http://localhost:8080
5:58:03 PM: Module build failed: Error: ENOENT: no such file or directory, open '/opt/build/repo/node_modules/webpack-dev-server/client/index.js'
5:58:03 PM: @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/vendor.js vendor[0]
5:58:03 PM: ERROR in ./src/index.js
5:58:03 PM: Module build failed: Error: ENOENT: no such file or directory, open '/opt/build/repo/src/index.js'
5:58:03 PM: ERROR in ./src/vendor.js
5:58:03 PM: Module build failed: Error: ENOENT: no such file or directory, open '/opt/build/repo/src/vendor.js'
5:58:03 PM: ERROR in Error: Child compilation failed:
5:58:03 PM: Module build failed (from ./node_modules/html-loader/index.js):
5:58:03 PM: Error: ENOENT: no such file or directory, open '/opt/build/repo/src/template.h tml':
5:58:03 PM: Error: ENOENT: no such file or directory, open '/opt/build/repo/src/template.h tml'
5:58:03 PM: - compiler.js:79 childCompiler.runAsChild
5:58:03 PM: [repo]/[html-webpack-plugin]/lib/compiler.js:79:16
5:58:03 PM: - Compiler.js:343 compile
5:58:03 PM: [repo]/[webpack]/lib/Compiler.js:343:11
5:58:03 PM: - Compiler.js:681 hooks.afterCompile.callAsync.err
5:58:03 PM: [repo]/[webpack]/lib/Compiler.js:681:15
5:58:03 PM: - Hook.js:154 AsyncSeriesHook.lazyCompileHook
5:58:03 PM: [repo]/[tapable]/lib/Hook.js:154:20
5:58:03 PM: - Compiler.js:678 compilation.seal.err
5:58:03 PM: [repo]/[webpack]/lib/Compiler.js:678:31
5:58:03 PM: - Hook.js:154 AsyncSeriesHook.lazyCompileHook
5:58:03 PM: [repo]/[tapable]/lib/Hook.js:154:20
5:58:03 PM: - Compilation.js:1423 hooks.optimizeAssets.callAsync.err
5:58:03 PM: [repo]/[webpack]/lib/Compilation.js:1423:35
5:58:03 PM: ERROR in Error: HtmlWebpackPlugin: could not load file /opt/build/repo/src/assets/favic on.png
5:58:03 PM: - index.js:337 Promise.all.then.catch
5:58:03 PM: [repo]/[html-webpack-plugin]/index.js:337:33
5:58:03 PM: Child html-webpack-plugin for "index.html":
5:58:03 PM: 1 asset
5:58:03 PM: Entrypoint undefined = index.html
5:58:03 PM: [./node_modules/html-webpack-plugin/lib/loader.js!./src/template.html] 167 bytes {1} [built] [failed] [1 error]
5:58:03 PM: ERROR in ./src/template.html (./node_modules/html-webpack-plugin/lib/loader.js!./src/template.html)
5:58:03 PM: Module build failed (from ./node_modules/html-loader/index.js):
5:58:03 PM: Error: ENOENT: no such file or directory, open '/opt/build/repo/src/template.html'
5:58:03 PM: ℹ ｢wdm｣: Failed to compile.

[cobiwave]

Hi @ibrahim-alsaadi

Let me know if the issue persist. We can schedule a call if you want my help.