Yarn start fails with custom plugin in 7.16.3

Elastic Stack Kibana
1

I am getting errors regarding webpack and visTypeTimeseries when I do 'yarn start'. These errirs appears to come from kibana and not my plugin. Note that we have just upgraded our plugin in from 7.9.3 to 7.16.3. This was working in 7.9.3.

Commands I used

yarn cache clean
yarn kbn clean
yarn kbn bootstrap
cd plugins/wind
KBN_OPTIMIZER_THEMES=v7light,v7dark  yarn start

Errors I get

KBN_OPTIMIZER_THEMES=v7light,v7dark  yarn start
yarn run v1.22.15
$ node ../../scripts/kibana --dev
Marking config path as handled: dev
Marking config path as handled: plugins
Marking config path as handled: server
basepath proxy server running at http://localhost:5601/gfz
server    log   [18:07:05.177] [info][plugins-service] Plugin "metricsEntities" is disabled.
server    log   [18:07:05.272] [info][server][Preboot][http] http server running at http://localhost:5601/gfz

<snip>

server    log   [17:54:48.090] [info][status] Kibana is now available (was degraded)
 np bld    log   [17:56:17.056] [error][@kbn/optimizer] webpack compile errors
   │ np bld    log   [17:56:17.056] [error][@kbn/optimizer] [visTypeTimeseries] build
       │ np bld    log   [17:56:17.056] [error][@kbn/optimizer] Optimizations failure.
       │         440 modules
       │
       │          ERROR in ./public/application/index.scss?v7dark (/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-0-1!/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/postcss-loader/src??ref--6-oneOf-0-2!/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-0-3!./public/application/index.scss?v7dark)
       │          Module build failed (from /localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/sass-loader/dist/cjs.js):
       │          SassError: File to import not found or unreadable: node_modules/@elastic/eui/src/components/color_picker/index.
       │                  on line 3 of ../../src/plugins/vis_types/timeseries/public/application/components/_color_picker.scss
       │                  from line 3 of ../../src/plugins/vis_types/timeseries/public/application/components/_index.scss
       │                  from line 16 of ../../src/plugins/vis_types/timeseries/public/application/index.scss
       │          >> @import 'node_modules/@elastic/eui/src/components/color_picker/index';
       │
       │             ^
       │
       │          SassError: SassError: File to import not found or unreadable: node_modules/@elastic/eui/src/components/color_picker/index.
       │                  on line 3 of ../../src/plugins/vis_types/timeseries/public/application/components/_color_picker.scss
       │                  from line 3 of ../../src/plugins/vis_types/timeseries/public/application/components/_index.scss
       │                  from line 16 of ../../src/plugins/vis_types/timeseries/public/application/index.scss
       │          >> @import 'node_modules/@elastic/eui/src/components/color_picker/index';
       │
       │             ^
       │
       │              at Object.callback (/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/sass-loader/dist/index.js:62:16)
       │              at Object.done [as callback] (/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/sass-loader/node_modules/neo-async/async.js:8069:18)
       │              at options.error (/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/node-sass/lib/index.js:293:32)
       │           @ ./public/application/index.scss?v7dark 2:26-280
       │           @ ./public/application/index.scss
       │           @ ./public/timeseries_vis_renderer.tsx
       │           @ ./public/plugin.ts
       │           @ ./public/index.ts
       │           @ /localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/@kbn/optimizer/target_node/worker/entry_point_creator.js
       │
       │          ERROR in ./public/application/index.scss?v7light (/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/postcss-loader/src??ref--6-oneOf-1-2!/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-1-3!./public/application/index.scss?v7light)
       │          Module build failed (from /localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/sass-loader/dist/cjs.js):
       │          SassError: File to import not found or unreadable: node_modules/@elastic/eui/src/components/color_picker/index.
       │                  on line 3 of ../../src/plugins/vis_types/timeseries/public/application/components/_color_picker.scss
       │                  from line 3 of ../../src/plugins/vis_types/timeseries/public/application/components/_index.scss
       │                  from line 16 of ../../src/plugins/vis_types/timeseries/public/application/index.scss
       │          >> @import 'node_modules/@elastic/eui/src/components/color_picker/index';
       │
       │             ^
       │
       │          SassError: SassError: File to import not found or unreadable: node_modules/@elastic/eui/src/components/color_picker/index.
       │                  on line 3 of ../../src/plugins/vis_types/timeseries/public/application/components/_color_picker.scss
       │                  from line 3 of ../../src/plugins/vis_types/timeseries/public/application/components/_index.scss
       │                  from line 16 of ../../src/plugins/vis_types/timeseries/public/application/index.scss
       │          >> @import 'node_modules/@elastic/eui/src/components/color_picker/index';
       │
       │             ^
       │
       │              at Object.callback (/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/sass-loader/dist/index.js:62:16)
       │              at Object.done [as callback] (/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/sass-loader/node_modules/neo-async/async.js:8069:18)
       │              at options.error (/localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/node-sass/lib/index.js:293:32)
       │           @ ./public/application/index.scss?v7light 2:26-281
       │           @ ./public/application/index.scss
       │           @ ./public/timeseries_vis_renderer.tsx
       │           @ ./public/plugin.ts
       │           @ ./public/index.ts
       │           @ /localdisk/designer/kbujold/starlingx-0-wra2/cgcs-root/wrs/analytics/git/elastic/kibana/node_modules/@kbn/optimizer/target_node/worker/entry_point_creator.js
   │ np bld    log   [17:56:17.057] [error][@kbn/optimizer] [discover] build

<snip>

Thanks,
Kristine

2

@flash1293 / @Stratoula_Kalafateli would you know?

Thanks,
Bhavya

3

Maybe is the v7 theme. Have you tried to start kibana with the v8 theme ?

4

Its not the theme. We got it working but must run "yarn start" within the "kibana" folder and not "kibana/plugins/wind"

It would be great to have better documentation regarding working with external plugins.

Thanks,
Kris

5

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.