Unable to build datasource-http-backend example about grafana-plugin-examples

[jackw]

@mwiehler many thanks for reporting this issue. I can see from the error messages you're using Windows with PNPM. Is this correct?

Please note this project is setup for using NPM as the package manager. If you use NPM instead of PNPM you shouldn't have any of these issues.

However if you are keen to continue with PNPM I think I managed to reproduce the error you're having. The issue is due to the way PNPM hoists and symlinks packages. In this case it's specifically the @types packages which are causing the issue. To solve it we need to make use of the .npmrc file to tell PNPM what to hoist into the root node_modules directory. You can find further information about this in their docs here.

Please could you copy the following into a .npmrc file in the root of the plugin project (where the package.json file is).

# This file is required for PNPM

# PNPM 8 changed the default resolution mode to "lowest-direct" which is not how we expect resolutions to work
resolution-mode="highest"

# Make sure the default patterns are still included (https://pnpm.io/npmrc#public-hoist-pattern)
public-hoist-pattern[]="*eslint*"
public-hoist-pattern[]="*prettier*"

# Hoist all types packages to the root for better TS support
public-hoist-pattern[]="@types/*"

# @grafana/e2e expects cypress to exist in the root of the node_modules directory
public-hoist-pattern[]="*cypress*"

Once done run pnpm install again. If the previous .npmrc step was followed you should see a message like:

✔ The modules directory at "/Users/bob/dev/sandbox/datasource-http-backend/node_modules" will be removed and reinstalled from scratch. Proceed? (Y/n) · true
Recreating /Users/bob/dev/sandbox/datasource-http-backend/node_modules

Make sure to select true and let pnpm do its thing. Once the install is complete try running pnpm run build again. It should now work. Happy plugin dev'ing! 🚀

[mwiehler]

Thank you so much! This worked!