Quick Start Roadblock: JS Loading, Then Nothing

UaMV

I've been walking through the Quick Start guide for building extensions. Everything is working well until I reach the Components section. I've inserted the following code into the main.js initializer:

import Post from 'flarum/components/Post';

app.initializers.add('acme-hello-world', function() {
  Post.prototype.view = function() {
    return (
      <div className="Post">
        :D
      </div>
    );
  };
});

The javascript is then loaded into the forum page upon refreshing my tab. However, there is no change to the post view.

Anyone have ideas on why this might be? Or can anyone help direct me in troubleshooting this issue? Thanks.

Toby

Oops! Seems there's a little typo in one of the code samples – where you register the JS in bootstrap.php, it should reference acme/hello-world/main, not acme/hello-world/bootstrap.

use Flarum\Event\ConfigureClientView;

$events->listen(ConfigureClientView::class, function (ConfigureClientView $event) {
    if ($event->isForum()) {
        $event->addAssets(__DIR__.'/js/forum/dist/extension.js');
        $event->addBootstrapper('acme/hello-world/main');
    }
});

Updated in the Quick Start doc. Thanks for bringing it to my attention!