Q&A
環境
- laravel 5.6
- npm 6.4.1
- node 10.11.0
概要
laravelのアプリケーションでnpmパッケージをインストールしたが、
Uncaught ReferenceError: SimpleMDE is not defined
により利用できなかったので、利用できるようにしたい。
詳細
laravelでwebアプリケーションを作成しています。
simple markdown editor を利用したく、npmでインストール、パッケージの読み込みなどの設定をしたのですが上記のエラーにより利用できない状態です。
パッケージを正常に読み込み、利用できるようにするにはどうすればよいでしょうか？
行なった手順は以下の通りです。
- パッケージのインストール
npm install simplemde --save
- パッケージの読み込み
app.js
1require('./bootstrap'); 2require('simplemde/dist/simplemde.min'); 3
app.scss
1// Bootstrap 2@import '~bootstrap/scss/bootstrap'; 3 4// SimpleMDE 5@import '~simplemde/dist/simplemde.min'; 6
- build
npm run build
- jsとcssの読み込み
<link rel="stylesheet" href="{{ mix('/css/app.css') }}"> <script type="text/javascript" src="{{ mix('/js/app.js') }}"></script>
補足
- app.jsやapp.cssを開いてみると、パッケージが読み込まれているのは確認できています。
- cdnを利用した場合、正常にパッケージは利用できます。
あなたの回答
tips
プレビュー
