Error when running without Firebase: "TS2339: Property 'apiKey' does not exist on type '{}'."
desmond27 opened this issue · 1 comments
desmond27 commented
I am trying to run this on my Linux machine and I have done the setup as given in the readme file. I have copied .env.example to .env and I have copied src/services/firebase/firebase.config.ts.empty to src/services/firebase/firebase.config.ts since I am running locally just to test this.
After running npm start, I get the below output:
Compiled successfully!
You can now view borogove-ide in the browser.
Local: http://localhost:3000
On Your Network: http://192.168.29.129:3000
Note that the development build is not optimized.
To create a production build, use yarn build.
assets by path static/ 14.2 MiB
assets by path static/media/ 67.2 KiB
asset static/media/codicon.56dba998.ttf 66.8 KiB [emitted] (auxiliary name: main)
asset static/media/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC.b573d0ae.bin 264 bytes [emitted] (auxiliary name: main)
asset static/media/j5Zom30AAAAASUVORK5CYII=.fa43eb2a.bin 104 bytes [emitted] (auxiliary name: main)
asset static/media/javascript,__webpack_public_path__ = __webpack_base_uri__ = htmlWebpackPluginPublicPath;.1feff74f.bin 77 bytes [emitted]
assets by path static/js/*.js 14.2 MiB
asset static/js/bundle.a850a94c.js 14.1 MiB [emitted] [immutable] (name: main) 1 related asset
asset static/js/bundle.caaed055.js 43.6 KiB [emitted] [immutable] (name: runtime-main) 1 related asset
asset index.html 1.86 KiB [emitted]
asset asset-manifest.json 1 KiB [emitted]
asset 8d568e7a26122959b9d9.ttf 77 bytes [emitted] [immutable] [from: node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.ttf] (auxiliary name: main)
Entrypoint main 14.2 MiB (14.2 MiB) = static/js/bundle.caaed055.js 43.6 KiB static/js/bundle.a850a94c.js 14.1 MiB 6 auxiliary assets
orphan modules 29.6 KiB [orphan] 25 modules
runtime modules 28.8 KiB 16 modules
modules by path ./node_modules/ 11 MiB (javascript) 77 bytes (asset)
javascript modules 11 MiB 880 modules
json modules 14.6 KiB
modules by path ./node_modules/browserify-sign/ 2.23 KiB 2 modules
./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.ttf 42 bytes (javascript) 77 bytes (asset) [built] [code generated]
modules by path ./src/ 894 KiB 184 modules
modules by path data:image/ 388 bytes
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgCD3x//9/BhBYBWdhgFVAiVW4JBFKGIa4AqD0//9D3pt4I4tAdAMAHTQ/j5Zom30AAAAASUVORK5CYII= 162 bytes [built] [code generated]
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAz0lEQVRIx2NgYGBY/R8I/vx5eelX3n82IJ9FxGf6tksvf/8FiTMQAcAGQMDvSwu09abffY8QYSAScNk45G198eX//yev73/4///701eh//kZSARckrNBRvz//+8+6ZohwCzjGNjdgQxkAg7B9WADeBjIBqtJCbhRA0YNoIkBSNmaPEMoNmA0FkYNoFKhapJ6FGyAH3nauaSmPfwI0v/3OukVi0CIZ+F25KrtYcx/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC 226 bytes [built] [code generated]
16 modules
LOG from ./node_modules/sass-loader/dist/cjs.js sass-loader ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[0].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[4]!./node_modules/bulma-o-steps/bulma-steps.sass
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w>
<w> Recommendation: math.div($value, 255) or calc($value / 255)
<w>
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w>
<w> node_modules/bulma-o-steps/styles/utilities/functions.sass 49:13 colorLuminance()
<w> node_modules/bulma-o-steps/styles/utilities/functions.sass 59:8 findColorInvert()
<w> node_modules/bulma-o-steps/styles/utilities/derived-variables.sass 13:17 @import
<w> node_modules/bulma-o-steps/styles/utilities/_all.sass 5:9 @import
<w> node_modules/bulma-o-steps/bulma-steps.sass 2:9 root stylesheet
<w>
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w>
<w> Recommendation: math.div($value + 0.055, 1.055) or calc(($value + 0.055) / 1.055)
<w>
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w>
<w> node_modules/bulma-o-steps/styles/utilities/functions.sass 53:15 colorLuminance()
<w> node_modules/bulma-o-steps/styles/utilities/functions.sass 59:8 findColorInvert()
<w> node_modules/bulma-o-steps/styles/utilities/derived-variables.sass 13:17 @import
<w> node_modules/bulma-o-steps/styles/utilities/_all.sass 5:9 @import
<w> node_modules/bulma-o-steps/bulma-steps.sass 2:9 root stylesheet
<w>
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w>
<w> Recommendation: math.div($value, 12.92) or calc($value / 12.92)
<w>
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w>
<w> node_modules/bulma-o-steps/styles/utilities/functions.sass 51:15 colorLuminance()
<w> node_modules/bulma-o-steps/styles/utilities/functions.sass 59:8 findColorInvert()
<w> node_modules/bulma-o-steps/styles/utilities/derived-variables.sass 16:20 @import
<w> node_modules/bulma-o-steps/styles/utilities/_all.sass 5:9 @import
<w> node_modules/bulma-o-steps/bulma-steps.sass 2:9 root stylesheet
<w>
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w>
<w> Recommendation: math.div($steps-marker-size, 2) or calc($steps-marker-size / 2)
<w>
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w>
<w> node_modules/bulma-o-steps/index.sass 140:29 @content
<w> node_modules/bulma-o-steps/index.sass 23:7 @content
<w> node_modules/bulma-o-steps/styles/utilities/mixins.sass 83:5 mobile()
<w> node_modules/bulma-o-steps/index.sass 21:3 steps-vertical()
<w> node_modules/bulma-o-steps/index.sass 132:3 steps-size()
<w> node_modules/bulma-o-steps/index.sass 251:3 @import
<w> node_modules/bulma-o-steps/bulma-steps.sass 3:9 root stylesheet
<w>
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w>
<w> Recommendation: math.div($steps-divider-size, 2) or calc($steps-divider-size / 2)
<w>
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w>
<w> node_modules/bulma-o-steps/index.sass 140:59 @content
<w> node_modules/bulma-o-steps/index.sass 23:7 @content
<w> node_modules/bulma-o-steps/styles/utilities/mixins.sass 83:5 mobile()
<w> node_modules/bulma-o-steps/index.sass 21:3 steps-vertical()
<w> node_modules/bulma-o-steps/index.sass 132:3 steps-size()
<w> node_modules/bulma-o-steps/index.sass 251:3 @import
<w> node_modules/bulma-o-steps/bulma-steps.sass 3:9 root stylesheet
<w>
<w> 35 repetitive deprecation warnings omitted.
<w>
<w> null
webpack 5.65.0 compiled successfully in 9252 ms
ERROR in src/services/firebase/setup.ts:20:26
TS2339: Property 'apiKey' does not exist on type '{}'.
18 | */
19 | export const initFirebase = (): void => {
> 20 | if( publishingConfig.apiKey ) {
| ^^^^^^
21 | const publishingApp = initializeApp( publishingConfig, PUBLISHING_FIREBASE_APP_ID );
22 |
23 | if( location.hostname === "localhost" ) {
ERROR in src/services/firebase/setup.ts:29:45
TS2339: Property 'apiKey' does not exist on type '{}'.
27 | }
28 |
> 29 | if( isSnippetsVariant && snippetsConfig.apiKey ) {
| ^^^^^^
30 | const snippetsApp = initializeApp( snippetsConfig, SNIPPETS_FIREBASE_APP_ID );
31 |
32 | if( location.hostname === "localhost" ) {
It seems that src/services/firebase/setup.ts is getting executed and is unable to find the necessary configuration since I am using the empty firebase config.
juhana commented
Thanks for the report, this is now fixed.