search

speedcontrol / nodecg-speedcontrol

NodeCG bundle to help facilitate the running of speedrunning marathons, including overlays.
MIT License
44 stars 34 forks source link

Failed build:browser by "Module not found" error in typescript #68

Closed cma2819 closed 4 years ago

cma2819 commented 4 years ago

When exec script build:browser in branch dev, build failed by "Module not found" error.

My runtime environment is

I got warnings and errors like below:


WARNING in chunk common~add-remove-runs-dash~alert-dialog~horaro-schedule-import~player-layout~run-editor-dash~run-mo~577549b1 [mini-css-extract-plugin]
Conflicting order between:
 * css D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/css-loader/dist/cjs.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/sass-loader/dist/cjs.js??ref--2-2!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify/src/components/VApp/VApp.sass
 * css D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/css-loader/dist/cjs.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/sass-loader/dist/cjs.js??ref--2-2!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify/src/directives/ripple/VRipple.sass
 * css D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/css-loader/dist/cjs.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/sass-loader/dist/cjs.js??ref--2-2!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify/src/components/VSheet/VSheet.sass

WARNING in chunk common~add-remove-runs-dash~alert-dialog~horaro-schedule-import~player-layout~run-editor-dash~run-mo~577549b1 [mini-css-extract-plugin]
Conflicting order between:
 * css D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/css-loader/dist/cjs.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/sass-loader/dist/cjs.js??ref--2-2!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify/src/components/VSheet/VSheet.sass
 * css D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/css-loader/dist/cjs.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/sass-loader/dist/cjs.js??ref--2-2!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify/src/directives/ripple/VRipple.sass

...

ERROR in ./timer/components/ResetButton.vue?vue&type=script&lang=ts& (D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/ts-loader??ref--5!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify-loader/lib/loader.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vue-loader/lib??vue-loader-options!./timer/components/ResetButton.vue?vue&type=script&lang=ts&)
Module not found: Error: Can't resolve '../../_misc/nodecg' in 'D:\develop\node\speedcontrol\bundles\nodecg-speedcontrol\src\dashboard\timer\components'
 @ ./timer/components/ResetButton.vue?vue&type=script&lang=ts& (D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/ts-loader??ref--5!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify-loader/lib/loader.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vue-loader/lib??vue-loader-options!./timer/components/ResetButton.vue?vue&type=script&lang=ts&) 2:0-44 13:12-18
 @ ./timer/components/ResetButton.vue?vue&type=script&lang=ts&
 @ ./timer/components/ResetButton.vue
 @ D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/ts-loader??ref--5!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify-loader/lib/loader.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vue-loader/lib??vue-loader-options!./timer/main.vue?vue&type=script&lang=ts&
 @ ./timer/main.vue?vue&type=script&lang=ts&
 @ ./timer/main.vue
 @ ./timer/main.ts

ERROR in ./timer/components/StopButton.vue?vue&type=script&lang=ts& (D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/ts-loader??ref--5!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify-loader/lib/loader.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vue-loader/lib??vue-loader-options!./timer/components/StopButton.vue?vue&type=script&lang=ts&)
Module not found: Error: Can't resolve '../../_misc/nodecg' in 'D:\develop\node\speedcontrol\bundles\nodecg-speedcontrol\src\dashboard\timer\components'
 @ ./timer/components/StopButton.vue?vue&type=script&lang=ts& (D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/ts-loader??ref--5!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify-loader/lib/loader.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vue-loader/lib??vue-loader-options!./timer/components/StopButton.vue?vue&type=script&lang=ts&) 2:0-44 27:12-18
 @ ./timer/components/StopButton.vue?vue&type=script&lang=ts&
 @ ./timer/components/StopButton.vue
 @ D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/ts-loader??ref--5!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vuetify-loader/lib/loader.js!D:/develop/node/speedcontrol/bundles/nodecg-speedcontrol/node_modules/vue-loader/lib??vue-loader-options!./timer/main.vue?vue&type=script&lang=ts&
 @ ./timer/main.vue?vue&type=script&lang=ts&
 @ ./timer/main.vue
 @ ./timer/main.ts

...

I omitted warnings and errors, I got same warning and error for every vue components and ts modules.

What can I do for solving this problem?

zoton2 commented 4 years ago

I just fresh installed my node_modules and seem to be having the same issue, something must've been updated, so I'll look into it.

zoton2 commented 4 years ago

I just bumped dependencies and tweaked a few configuration files with things I've learnt on other bundles and that seems to have fixed the errors. The warnings in relation to the mini-css-extract-plugin are still there it seems though, but everything seems to work, and the warnings seem to be in relation to things in Vuetify; I think it's a non-issue, but do tell me if you see an issue in relation to that, as I haven't had time to fully test recently.

cma2819 commented 4 years ago

Thanks for rapidly fix.

I pulled dev branch and exec build:browser again, build succeeded. I didn't see any errors but warnings are still there yet. The speedcontrol bundle was worked now in NodeCG, so warnings are non-issue I think.

zoton2 commented 4 years ago

I guess it must've been some dependency issue that was required by another package messing things up; I still use a similar setup for building with other NodeCG bundles I work on but I tend to bump them up whenever possible. I feel like the warnings are because of me using chunks and the multiple dashboards all having Vuetify imported might be confusing things, but it's not a big issue. Tell me if you face any more issues with the bumps I did.