# Plugin building issue

**URL:** <https://discuss.elastic.co/t/plugin-building-issue/287802>\
**Category:** Kibana\
**Tags:** kibana-plugin-development\
**Created:** [October 27, 2021, 1:09pm UTC](https://discuss.elastic.co/t/plugin-building-issue/287802 "2021-10-27T13:09:38Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![pchakour](https://avatars.discourse-cdn.com/v4/letter/p/e36b37/32.png) [@pchakour](https://discuss.elastic.co/u/pchakour)\
**Post date:** [October 27, 2021, 1:09pm UTC](https://discuss.elastic.co/t/plugin-building-issue/287802/1 "2021-10-27T13:09:38Z")

</div>

Hi !

I created a visualization plugin for Kibana 7.14.0.  
When I try to build it using the kibana plugin helper package, I get the following error:

```auto
SassError: File to import not found or unreadable: src/core/public/mixins.
           on line 3 of /home/pchakour/dev/kibana/src/plugins/discover/public/application/apps/main/components/layout/discover_layout.scss
 >> @import 'src/core/public/mixins';

```

This is the stack error :

```auto
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/application/apps/main/components/layout/discover_layout.scss?v7dark 2:26-317
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/application/apps/main/components/layout/discover_layout.scss
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/application/apps/main/components/layout/discover_layout.tsx
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/application/apps/main/components/layout/index.ts
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/application/apps/main/discover_main_app.tsx
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/application/apps/main/index.ts
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/application/angular/create_discover_directive.ts
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/application/angular/get_inner_angular.ts
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/plugin.tsx
         │ @ /home/pchakour/dev/kibana/src/plugins/discover/public/index.ts
         │ @ /home/pchakour/dev/kibana/src/plugins/visualizations/public/plugin.ts
         │ @ /home/pchakour/dev/kibana/src/plugins/visualizations/public/index.ts
         │ @ ./public/timeline_vis_renderer.tsx
         │ @ ./public/plugin.ts
         │ @ ./public/index.ts
         │ @ /home/pchakour/dev/kibana/node_modules/@kbn/optimizer/target/worker/entry_point_creator.js

```

In my file `./public/timeline_vis_renderer.tsx`, I import the `VisualizationContainer` component to render my visualization.

Someone has already have this issue during a plugin building ? It's like an includePaths for SCSS is missing ☹

---

<div class="post-metadata">

**Author:** ![lukas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/lukas/32/6812_2.png) [@lukas](https://discuss.elastic.co/u/lukas)\
**Post date:** [October 27, 2021, 4:41pm UTC](https://discuss.elastic.co/t/plugin-building-issue/287802/2 "2021-10-27T16:41:34Z")

</div>

Hmm, I'm not running into the same issue. Could you try running `yarn kbn clean` and `yarn kbn bootstrap` before running `node scripts/generate_plugin` again?

---

<div class="post-metadata">

**Author:** ![pchakour](https://avatars.discourse-cdn.com/v4/letter/p/e36b37/32.png) [@pchakour](https://discuss.elastic.co/u/pchakour)\
**Post date:** [October 28, 2021, 10:13am UTC](https://discuss.elastic.co/t/plugin-building-issue/287802/3 "2021-10-28T10:13:11Z")

</div>

Hey @lukas !

thanks for your answer

I tried but I got the same issue when I run the `yarn build` command in my plugin.

I did an example to illustrate the issue in this repository: [GitHub - pchakour/kibana-vis-build-issue](https://github.com/pchakour/kibana-vis-build-issue)  
This plugin works well in dev mode but I'm not able to build it 😭

Could you try to build it ? If you succeed the build, the problem is probably due to my environment.

---

<div class="post-metadata">

**Author:** ![pchakour](https://avatars.discourse-cdn.com/v4/letter/p/e36b37/32.png) [@pchakour](https://discuss.elastic.co/u/pchakour)\
**Post date:** [November 2, 2021, 8:43am UTC](https://discuss.elastic.co/t/plugin-building-issue/287802/4 "2021-11-02T08:43:53Z")

</div>

No one can help me ? 😢

---

<div class="post-metadata">

**Author:** ![rudolf](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rudolf/32/51200_2.png) [@rudolf](https://discuss.elastic.co/u/rudolf)\
**Post date:** [November 2, 2021, 1:52pm UTC](https://discuss.elastic.co/t/plugin-building-issue/287802/5 "2021-11-02T13:52:01Z")

</div>

I was able to successfully build your plugin using 7.16

1. `git clone git@github.com:elastic/kibana.git`
2. `cd kibana`
3. `yarn kbn bootstrap`
4. `cd plugins`
5. `git clone git@github.com:pchakour/kibana-vis-build-issue.git`
6. `cd kibana-vis-build-issue`
7. `yarn install && yarn build`

If the above steps still don't work in 7.14 could you try on 7.16?

---

<div class="post-metadata">

**Author:** ![pchakour](https://avatars.discourse-cdn.com/v4/letter/p/e36b37/32.png) [@pchakour](https://discuss.elastic.co/u/pchakour)\
**Post date:** [November 3, 2021, 3:08pm UTC](https://discuss.elastic.co/t/plugin-building-issue/287802/6 "2021-11-03T15:08:44Z")

</div>

Ok, it seems to work from the v7.15.0.  
I tried with the following versions :

- 7.14.1 -\> Failed
- 7.14.2 -\> Failed
- 7.15.0 -\> OK
- 7.15.1 -\> OK

So, I'm going to migrate my plugins on Kibana 7.15.1...  
Thanks for your help guys 🙂

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [December 1, 2021, 3:09pm UTC](https://discuss.elastic.co/t/plugin-building-issue/287802/7 "2021-12-01T15:09:41Z")

</div>

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