[GH-ISSUE #377] Setting up dev environment for BoostNote.next help #168

Closed
opened 2026-03-03 00:18:58 +03:00 by kerem · 3 comments
Owner

Originally created by @oakypokey on GitHub (Mar 21, 2020).
Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/377

Current behavior

When I try npm run dev after cloning the repo, it fails to compile because I believe I need to include some AWS amplify API keys? I didn't run into this issue with the previous version of BoostNote and I've never come across is before.

Do I need to create my own instance of AWS amplify, and if so, do I need to configure it in a particular way?

Below is what the console spat out when I tried npm run dev

calvin@atlas:~/devCode/opensource/BoostNote.next$ npm run dev

> boostnote.next@0.2.1 dev /home/calvin/devCode/opensource/BoostNote.next
> env-cmd cross-env NODE_ENV=development TS_NODE_PROJECT="tsconfig-webpack.json" webpack-dev-server --mode development --open-page "app"

ℹ 「wds」: Project is running at http://localhost:3000/
ℹ 「wds」: webpack output is served from http://localhost:3000/app
ℹ 「wds」: Content not from webpack is served from /home/calvin/devCode/opensource/BoostNote.next
ℹ 「wds」: 404s will fallback to /app
ℹ 「wdm」: wait until bundle finished: /app///////////////////
✖ 「wdm」: Hash: 2c1f844866c398e963e6
Version: webpack 4.40.2
Time: 52710ms
Built at: 21/03/2020 2:27:40 pm
 178 assets
Entrypoint main = bundle.js
[1] multi (webpack)-dev-server/client?http://localhost:3000 (webpack)/hot/dev-server.js ./node_modules/error-overlay-webpack-plugin/lib/entry-basic.js ./node_modules/error-overlay-webpack-plugin/lib/entry-devserver.js? react-hot-loader/patch webpack-dev-server/client?http://localhost:3000 webpack/hot/only-dev-server ./src/index.tsx 112 bytes {main} [built]
[./node_modules/error-overlay-webpack-plugin/lib/entry-basic.js] 943 bytes {main} [built]
[./node_modules/error-overlay-webpack-plugin/lib/entry-devserver.js?] 1.42 KiB {main} [built]
[./node_modules/querystring-es3/index.js] 127 bytes {main} [built]
[./node_modules/react-dev-utils/formatWebpackMessages.js] 4.06 KiB {main} [built]
[./node_modules/react-dev-utils/launchEditorEndpoint.js] 330 bytes {main} [built]
[./node_modules/react-dom/index.js] 1.33 KiB {main} [built]
[./node_modules/react-error-overlay/lib/index.js] 341 KiB {main} [built]
[./node_modules/react-hot-loader/dist/react-hot-loader.development.js] 95.3 KiB {main} [built]
[./node_modules/react-hot-loader/patch.js] 229 bytes {main} [built]
[./node_modules/react/index.js] 190 bytes {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:3000] (webpack)-dev-server/client?http://localhost:3000 4.29 KiB {main} [built]
[./node_modules/webpack/hot/dev-server.js] (webpack)/hot/dev-server.js 1.59 KiB {main} [built]
[./node_modules/webpack/hot/only-dev-server.js] (webpack)/hot/only-dev-server.js 2.52 KiB {main} [built]
[./src/index.tsx] 1.29 KiB {main} [built]
    + 2035 hidden modules

WARNING in EnvironmentPlugin - AMPLIFY_AUTH_IDENTITY_POOL_ID environment variable is undefined.

You can pass an object with default values to suppress this warning.
See https://webpack.js.org/plugins/environment-plugin for example.

WARNING in EnvironmentPlugin - AMPLIFY_AUTH_REGION environment variable is undefined.

You can pass an object with default values to suppress this warning.
See https://webpack.js.org/plugins/environment-plugin for example.

WARNING in EnvironmentPlugin - AMPLIFY_PINPOINT_APPID environment variable is undefined.

You can pass an object with default values to suppress this warning.
See https://webpack.js.org/plugins/environment-plugin for example.

WARNING in EnvironmentPlugin - AMPLIFY_PINPOINT_REGION environment variable is undefined.

You can pass an object with default values to suppress this warning.
See https://webpack.js.org/plugins/environment-plugin for example.

WARNING in EnvironmentPlugin - BOOST_NOTE_BASE_URL environment variable is undefined.

You can pass an object with default values to suppress this warning.
See https://webpack.js.org/plugins/environment-plugin for example.

ERROR in ./src/lib/i18n.ts
Module not found: Error: Can't resolve '../locales/esES' in '/home/calvin/devCode/opensource/BoostNote.next/src/lib'
 @ ./src/lib/i18n.ts 5:0-35 17:13-17
 @ ./src/components/App.tsx
 @ ./src/index.tsx
 @ multi ./node_modules/error-overlay-webpack-plugin/lib/entry-basic.js ./node_modules/error-overlay-webpack-plugin/lib/entry-devserver.js? react-hot-loader/patch webpack-dev-server/client?http://localhost:3000 webpack/hot/only-dev-server ./src/index.tsx
Child html-webpack-plugin for "index.html":
     1 asset
    Entrypoint undefined = index.html
    [./node_modules/html-webpack-plugin/lib/loader.js!./index.html] 1.5 KiB {0} [built]
    [./node_modules/lodash/lodash.js] 528 KiB {0} [built]
    [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
    [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
ℹ 「wdm」: Failed to compile.

Steps to reproduce

  1. clone latest repository
  2. npm install
  3. npm run dev

Environment

Desktop/Web

  • OS version and name: Ubuntu 18.04 + npm 16.13.1 and node 13.2.0
Originally created by @oakypokey on GitHub (Mar 21, 2020). Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/377 # Current behavior When I try `npm run dev` after cloning the repo, it fails to compile because I believe I need to include some AWS amplify API keys? I didn't run into this issue with the previous version of BoostNote and I've never come across is before. Do I need to create my own instance of AWS amplify, and if so, do I need to configure it in a particular way? **Below is what the console spat out when I tried npm run dev** <pre><font color="#8AE234"><b>calvin@atlas</b></font>:<font color="#729FCF"><b>~/devCode/opensource/BoostNote.next</b></font>$ npm run dev &gt; boostnote.next@0.2.1 dev /home/calvin/devCode/opensource/BoostNote.next &gt; env-cmd cross-env NODE_ENV=development TS_NODE_PROJECT=&quot;tsconfig-webpack.json&quot; webpack-dev-server --mode development --open-page &quot;app&quot; <font color="#3465A4">ℹ</font> <font color="#555753">「wds」</font>: Project is running at <font color="#729FCF"><b>http://localhost:3000/</b></font> <font color="#3465A4">ℹ</font> <font color="#555753">「wds」</font>: webpack output is served from <font color="#729FCF"><b>http://localhost:3000/app</b></font> <font color="#3465A4">ℹ</font> <font color="#555753">「wds」</font>: Content not from webpack is served from <font color="#729FCF"><b>/home/calvin/devCode/opensource/BoostNote.next</b></font> <font color="#3465A4">ℹ</font> <font color="#555753">「wds」</font>: 404s will fallback to <font color="#729FCF"><b>/app</b></font> <font color="#3465A4">ℹ</font> <font color="#555753">「wdm」</font>: wait until bundle finished: /app/////////////////// <font color="#CC0000">✖</font> <font color="#555753">「wdm」</font>: Hash: <b>2c1f844866c398e963e6</b> Version: webpack <b>4.40.2</b> Time: <b>52710</b>ms Built at: 21/03/2020 <b>2:27:40 pm</b> 178 assets Entrypoint <b>main</b> = <font color="#8AE234"><b>bundle.js</b></font> [1] <b>multi (webpack)-dev-server/client?http://localhost:3000 (webpack)/hot/dev-server.js ./node_modules/error-overlay-webpack-plugin/lib/entry-basic.js ./node_modules/error-overlay-webpack-plugin/lib/entry-devserver.js? react-hot-loader/patch webpack-dev-server/client?http://localhost:3000 webpack/hot/only-dev-server ./src/index.tsx</b> 112 bytes {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/error-overlay-webpack-plugin/lib/entry-basic.js</b>] 943 bytes {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/error-overlay-webpack-plugin/lib/entry-devserver.js?</b>] 1.42 KiB {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/querystring-es3/index.js</b>] 127 bytes {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/react-dev-utils/formatWebpackMessages.js</b>] 4.06 KiB {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/react-dev-utils/launchEditorEndpoint.js</b>] 330 bytes {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/react-dom/index.js</b>] 1.33 KiB {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/react-error-overlay/lib/index.js</b>] 341 KiB {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/react-hot-loader/dist/react-hot-loader.development.js</b>] 95.3 KiB {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/react-hot-loader/patch.js</b>] 229 bytes {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/react/index.js</b>] 190 bytes {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [./node_modules/webpack-dev-server/client/index.js?http://localhost:3000] <b>(webpack)-dev-server/client?http://localhost:3000</b> 4.29 KiB {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [./node_modules/webpack/hot/dev-server.js] <b>(webpack)/hot/dev-server.js</b> 1.59 KiB {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [./node_modules/webpack/hot/only-dev-server.js] <b>(webpack)/hot/only-dev-server.js</b> 2.52 KiB {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./src/index.tsx</b>] 1.29 KiB {<font color="#FCE94F"><b>main</b></font>}<font color="#8AE234"><b> [built]</b></font> + 2035 hidden modules <font color="#FCE94F"><b>WARNING in EnvironmentPlugin - AMPLIFY_AUTH_IDENTITY_POOL_ID environment variable is undefined.</b></font> <font color="#FCE94F"><b>You can pass an object with default values to suppress this warning.</b></font> <font color="#FCE94F"><b>See https://webpack.js.org/plugins/environment-plugin for example.</b></font> <font color="#FCE94F"><b>WARNING in EnvironmentPlugin - AMPLIFY_AUTH_REGION environment variable is undefined.</b></font> <font color="#FCE94F"><b>You can pass an object with default values to suppress this warning.</b></font> <font color="#FCE94F"><b>See https://webpack.js.org/plugins/environment-plugin for example.</b></font> <font color="#FCE94F"><b>WARNING in EnvironmentPlugin - AMPLIFY_PINPOINT_APPID environment variable is undefined.</b></font> <font color="#FCE94F"><b>You can pass an object with default values to suppress this warning.</b></font> <font color="#FCE94F"><b>See https://webpack.js.org/plugins/environment-plugin for example.</b></font> <font color="#FCE94F"><b>WARNING in EnvironmentPlugin - AMPLIFY_PINPOINT_REGION environment variable is undefined.</b></font> <font color="#FCE94F"><b>You can pass an object with default values to suppress this warning.</b></font> <font color="#FCE94F"><b>See https://webpack.js.org/plugins/environment-plugin for example.</b></font> <font color="#FCE94F"><b>WARNING in EnvironmentPlugin - BOOST_NOTE_BASE_URL environment variable is undefined.</b></font> <font color="#FCE94F"><b>You can pass an object with default values to suppress this warning.</b></font> <font color="#FCE94F"><b>See https://webpack.js.org/plugins/environment-plugin for example.</b></font> <font color="#EF2929"><b>ERROR in ./src/lib/i18n.ts</b></font> <font color="#EF2929"><b>Module not found: Error: Can&apos;t resolve &apos;../locales/esES&apos; in &apos;/home/calvin/devCode/opensource/BoostNote.next/src/lib&apos;</b></font> <font color="#EF2929"><b> @ ./src/lib/i18n.ts 5:0-35 17:13-17</b></font> <font color="#EF2929"><b> @ ./src/components/App.tsx</b></font> <font color="#EF2929"><b> @ ./src/index.tsx</b></font> <font color="#EF2929"><b> @ multi ./node_modules/error-overlay-webpack-plugin/lib/entry-basic.js ./node_modules/error-overlay-webpack-plugin/lib/entry-devserver.js? react-hot-loader/patch webpack-dev-server/client?http://localhost:3000 webpack/hot/only-dev-server ./src/index.tsx</b></font> Child <b>html-webpack-plugin for &quot;index.html&quot;</b>: 1 asset Entrypoint <b>undefined</b> = <font color="#8AE234"><b>index.html</b></font> [<b>./node_modules/html-webpack-plugin/lib/loader.js!./index.html</b>] 1.5 KiB {<font color="#FCE94F"><b>0</b></font>}<font color="#8AE234"><b> [built]</b></font> [<b>./node_modules/lodash/lodash.js</b>] 528 KiB {<font color="#FCE94F"><b>0</b></font>}<font color="#8AE234"><b> [built]</b></font> [./node_modules/webpack/buildin/global.js] <b>(webpack)/buildin/global.js</b> 472 bytes {<font color="#FCE94F"><b>0</b></font>}<font color="#8AE234"><b> [built]</b></font> [./node_modules/webpack/buildin/module.js] <b>(webpack)/buildin/module.js</b> 497 bytes {<font color="#FCE94F"><b>0</b></font>}<font color="#8AE234"><b> [built]</b></font> <font color="#3465A4">ℹ</font> <font color="#555753">「wdm」</font>: Failed to compile. </pre> <!-- Let us know what is currently happening. Please include some **screenshots** with the **developer tools** open (console tab) when you report a bug. If your issue is regarding the old Boostnote, please open an issue in the old repo 👉 https://github.com/BoostIO/Boostnote/issues. --> # Steps to reproduce <!-- Please be thorough, issues we can reproduce are easier to fix! --> 1. clone latest repository 2. npm install 3. npm run dev # Environment ## Desktop/Web - OS version and name: Ubuntu 18.04 + npm 16.13.1 and node 13.2.0
kerem closed this issue 2026-03-03 00:18:58 +03:00
Author
Owner

@sbencoding commented on GitHub (Mar 23, 2020):

I think the reason while the build fails is that src/lib/i18n.ts includes a file called src/locales/esES.ts when in reality it's called src/locales/esEs.ts (the S is small at the end of the filename)

<!-- gh-comment-id:602621673 --> @sbencoding commented on GitHub (Mar 23, 2020): I think the reason while the build fails is that `src/lib/i18n.ts` includes a file called `src/locales/esES.ts` when in reality it's called `src/locales/esEs.ts` (the *S* is small at the end of the filename)
Author
Owner

@sbencoding commented on GitHub (Mar 24, 2020):

@oakypokey The issue I wrote above is fixed with commit f4012eca80
You should execute git pull in the project root, and try to build again to see if it solves your issue.

<!-- gh-comment-id:603365520 --> @sbencoding commented on GitHub (Mar 24, 2020): @oakypokey The issue I wrote above is fixed with commit f4012eca80468a55ab58e2db73cca89f468ba25d You should execute `git pull` in the project root, and try to build again to see if it solves your issue.
Author
Owner

@oakypokey commented on GitHub (Mar 24, 2020):

@sbencoding Hey! Yeah that worked! Thanks :)

<!-- gh-comment-id:603406026 --> @oakypokey commented on GitHub (Mar 24, 2020): @sbencoding Hey! Yeah that worked! Thanks :)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/BoostNote-App#168
No description provided.