Plugin developed by typescript won't show in the admin panel

Conny_Gu · May 4, 2023, 11:20pm

System Information

Strapi Version: 4.10.2
Operating System: mac
Database: sqlite
Node Version: 18.16
NPM Version: 9.5.1
Yarn Version:

I followed the instruction and created a todo app with typescript, however, the “todo” plugin won’t show in the admin panel.

This is screenhot

Here is the github code:

this is the registration code:

github.com

blatoo/strapi_todo_plugin/blob/main/src/plugins/todo/admin/src/index.tsx

import { prefixPluginTranslations } from '@strapi/helper-plugin';

import pluginPkg from '../../package.json';
import pluginId from './pluginId';
import Initializer from './components/Initializer';
import PluginIcon from './components/PluginIcon';

const name = pluginPkg.strapi.name;

export default {
  register(app: any) {
    app.addMenuLink({
      to: `/plugins/${pluginId}`,
      icon: PluginIcon,
      intlLabel: {
        id: `${pluginId}.plugin.name`,
        defaultMessage: name,
      },
      Component: async () => {
        const component = await import(/* webpackChunkName: "[request]" */ './pages/App');

This file has been truncated. show original

I think, I am not the only one get this problem. I also saw this post with the same problem:

Can you give me some suggestions? Thanks very much for the help!

Best,
Conny

Marco123 · May 8, 2023, 10:25am

Same problem, switched to yarn to generate and build the plugin and everything worked as expected.

P.S. If you don’t have yarn you can install it with

sudo npm install --global yarn