vue-golden-layout
vue-golden-layout copied to clipboard
throw Error under electron
Hi, Brother:
it happend like under->
import vgl from 'vue-golden-layout' Vue.use(vgl)
it raised
Uncaught SyntaxError: Unexpected token . at createScript (vm.js:80) at Object.runInThisContext (vm.js:139) at Module._compile (module.js:606) at Object.Module._extensions..js (module.js:653) at Module.load (module.js:561) at tryModuleLoad (module.js:504) at Function.Module._load (module.js:496) at Module.require (module.js:586) at require (internal/module.js:11) at Object.golden-layout/src/css/goldenlayout-base.css
when I fix it like: `/webpack.renderer.config.js/ ... let whiteListedModules = ['vue', 'vue-golden-layout'] ... ... new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ...
/* main.js */ window.jQuery = window.$ = require('jquery/dist/jquery.min') ` it still raise error but diffrent:
C:\Users\haojie.shao\Desktop\dfc-project\xdata-viewer\node_modules\vue\dist\vue.runtime.common.dev.js:621 [Vue warn]: Injection "layout" not found
found in
---> <GlRow> at gl-group.vue <Dashboard> at src/renderer/views/dashboard/index.vue <XdataViewer> at src/renderer/App.vue <Root> warn @ C:\Users\haojie.shao\Desktop\dfc-project\xdata-viewer\node_modules\vue\dist\vue.runtime.common.dev.js:621 C:\Users\haojie.shao\Desktop\dfc-project\xdata-viewer\node_modules\vue\dist\vue.runtime.common.dev.js:621 [Vue warn]: Injection "belongGroupColor" not found
found in
---> <GlRow> at gl-group.vue <Dashboard> at src/renderer/views/dashboard/index.vue <XdataViewer> at src/renderer/App.vue <Root> warn @ C:\Users\haojie.shao\Desktop\dfc-project\xdata-viewer\node_modules\vue\dist\vue.runtime.common.dev.js:621 2C:\Users\haojie.shao\Desktop\dfc-project\xdata-viewer\node_modules\vue-class-component\dist\vue-class-component.common.js:129 [vue-class-component] Component class must inherit Vue or its descendant class when class property is used. warn @ C:\Users\haojie.shao\Desktop\dfc-project\xdata-viewer\node_modules\vue-class-component\dist\vue-class-component.common.js:129 C:\Users\haojie.shao\Desktop\dfc-project\xdata-viewer\node_modules\vue\dist\vue.runtime.common.dev.js:621 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'addGlChild' of undefined"
found in
---> <GlRow> at gl-group.vue <Dashboard> at src/renderer/views/dashboard/index.vue <XdataViewer> at src/renderer/App.vue <Root> ... C:\Users\haojie.shao\Desktop\dfc-project\xdata-viewer\node_modules\golden-layout\dist\goldenlayout.js:458 Uncaught (in promise) Error: jQuery is missing as dependency for GoldenLayout. Please either expose $ on GoldenLayout's scope (e.g. window) or add "jquery" to your paths when using RequireJS/AMD at new lm.LayoutManager (C:\Users\haojie.shao\Desktop\dfc-project\xdata-viewer\node_modules\golden-layout\dist\goldenlayout.js:458) at VueComponent.eval (vue-golden-layout.js?22e2:908) at step (vue-golden-layout.js?22e2:746) at Object.eval [as next] (vue-golden-layout.js?22e2:727) at eval (vue-golden-layout.js?22e2:721) at new Promise (
) at ../node_modules/ts-loader/index.js?!../node_modules/vue-loader/lib/index.js?!../node_modules/source-map-loader/index.js!./golden.vue?vue&type=script&lang=ts&.__awaiter (vue-golden-layout.js?22e2:717) at eval (vue-golden-layout.js?22e2:876) at
Thanks very much!!!!!
I didn't take time to create an electron project to make the test, but it seems to me the injection problem is due to a vgl
component not to be in a <golden-layout ...
element.
Take care that the golden-layout
element surrounds every vue-golden-layout logic.
If you don't find, please provide a minimal example to reproduce the bug.