TypeError: Unable to dynamically transpile ES module

Grafana Dashboards
1

I’m getting an error when working on a custom panel (this was done in angular), although I dont think is related o that since we have other 3 custom panels and all of them ar working fine still.

importPanelPlugin.ts:49 Error loading panel plugin: XXX TypeError: Unable to dynamically transpile ES module
A loader plugin needs to be configured via SystemJS.config({ transpiler: 'transpiler-module' }).
at je (system.js:4:33932)
at system.js:4:31050
at async actions.ts:124:7
at async actions.ts:58:7

Do you have any pointers about how to fix this? This only happens when working in dev mode. When we do releases it works fine too.

Thanks in advance,

2

Hey @aramosvizcarra any updates here?

3

Hello! Have same issue in my Grafana 7. Tried to bundle externa @emotion/css and other ES5 modules lwith webpack config of my plugin, but no success. Any advices?


module.exports.getWebpackConfig = (config, options) => {
  let newConfig = {
    ...config,
    module: {
      ...config.module,
      rules: [
        {
          test: /\.js$/,
          include: [path.resolve(__dirname, 'src'), path.resolve(__dirname, 'node_modules/@emotion')],
          use: [
            {
              loader: 'babel-loader',
              options: {
                presets: ['@babel/preset-env'],
              },
            },
          ],
        },
        ...config.module.rules,
      ],
    },
  };
  return newConfig;
};