Trying to create flarum extension.

vega0

Generated flarum extension with npx, but got error when enabling plugin/extension and reloding the page.

flarum-js-error

index.js

extend.php

Why this error happens and hot to fix this error?

askvortsov

vega0 Generated flarum extension with npx

@clarkwinkelmann shouldn't that be done automatically if the fof extension generator was used?

vega0

@askvortsov#159555 Sure, cuz if i disable extension, site works normally.

askvortsov

vega0 Interesting, it's acting as if you have frontend extenders in place even though there are none. You've run npm run dev, right? Do you have the current extension code anywhere on github?

vega0

askvortsov no i didn't

clarkwinkelmann

You need to transpile your javascript, see https://docs.flarum.org/extend/frontend.html

Then the extender needs to reference the compiled file which will be in the js/dist folder.

vega0

clarkwinkelmann Which generator do you use?

clarkwinkelmann

askvortsov I suspect the OP modified their extend.php to point at the non-compiled file instead of the dist file. The default generated by the extension generator should point to the dist file.

askvortsov

clarkwinkelmann Ah, I'm seeing that now. Didn't look too deep at the extend.php at first.

vega0

I don't have a dist folder after generation.

clarkwinkelmann

vega0 the dist folder is created when you run npm run dev

vega0

clarkwinkelmann while generating, 'Error: Cannot find module 'flarum-webpack-config' '

askvortsov

vega0 you need to run npm install first.

vega0

Some commands that i type create so much unused plugins and didn't solve my main problem

askvortsov

vega0 Have you written any substantial source code yet? If not, I would recommend starting over.

Use Flarum CLI to make a new extension skeleton. Go to the JS file, and run npm install and npm run dev. Enable the extension. Then, make sure that when you go to the admin and forum parts, you see messages in the console log.

Once this is working, move over any code you've written.

This is documented at https://docs.flarum.org/extend/frontend.html#transpilation-and-file-structure if you'd like some more context.