Rails SimpleMDEが、表示されない

Question

困っている点
Railsで、SimpleMDEを使用してマークダウンエディタを作りました。
しかしページを開くと、textareaがあるだけです。ですが、ページをリロードするとマークダウンエディタが表示されます。原因が分かる方、よろしくお願いします。

index.html.erb

<textarea id="editor" name="name" rows="10" cols="40"></textarea>

application.js

import 'bootstrap';
import '../stylesheets/application';
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.

import Rails from "@rails/ujs"
import Turbolinks from "turbolinks"
import * as ActiveStorage from "@rails/activestorage"
import "channels"
import 'simplemde/dist/simplemde.min.css'

require("simplemde")
require("articles")

Rails.start()
Turbolinks.start()
ActiveStorage.start()

articles.js

import SimpleMDE from 'simplemde'
window.onload = function () {
    const simplemde = new SimpleMDE({ element: document.getElementById("editor") });
};