問題タブ [laravel-mix]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - Laravel Mix は ES5 にトランスパイルしますか?
Laravel アプリケーションのページを強化するために JavaScript を使用しています。ES6 の機能、つまりテンプレート文字列を使用したいのですが、IE ではサポートされていません。Laravel mix を使用してアセットをコンパイルすると、すぐに ES5 にトランスパイルされますか?
Mix のドキュメントと構成ファイルを調べましたが、これに関する情報が見つかりません。情報源に関するヒントをいただければ幸いです。
laravel - Laravel Mix でファイルが作成されない
Laravel Mixを使用していますが、指定されたファイルのいずれかが作成されません。私のwebpack.mix.jsは次のようになります。
コンパイルは成功しますが、default.cssファイルは作成されません。app.jsとapp.cssは正常に機能しています。ただし、themesフォルダーは空です。
vue.js - Vue js – テンプレートまたはレンダリング関数が定義されていません
バックグラウンド
いくつかの Vue コンポーネントを使用して構築された比較的古いプロジェクトがlaravel-mix
あり、そのすべてのスクリプトを更新すると考えました。
いくつかの変更を加えた後、このエラーが発生し続けました:
この時点で、試してみましたが、同様の問題がnpm update vue
ありました。npm update vue-template-compiler
次に、node_modules を "nuke" し、すべてを再インストールするというアドバイスに従いました。
同様の問題に再び遭遇し、いくつかの変更を加え、package.json
すべてを再インストールしたところ、ビルド スクリプトがうまく機能するようになりました。
問題
ブラウザでは、どのコンポーネントもロードされていません。コンソールでは、ページの各コンポーネントに対して次のエラーが表示されます。
以下を確認した...
<world-map>
タグがページ上にあり、コンポーネントWorldMap
がロードされている- コンポーネントの
export default {
スクリプト セクションに - テンプレートがテンプレート タグでラップされている
- 私は
render
関数を必要としたことがないので、持っていませんが、これを解決策として見ました - また、この更新を実行する前にすべてのファイルが機能していたことも指摘する価値があるため、Vue バージョンまたは npm バージョンの問題です。
重要な vue モジュールがありませんか? 私の検索の多くは、vue の実行時バージョンがインストールされていることについて何かを言っていますが、これまでのところ、私のセットアップでそこに変更を加える必要はありませんでした。
私はnpm初心者なので、気軽にひいきにしてください/説明しすぎてください
これは私のpackage.jsonです
laravel - laravel mix ビルドが成功するたびに artisan コマンドを実行する
laravel mixビルドが成功するたびに職人のコマンドをどのように実行しますか?
webpack - Laravel Mix Bootstrap フォントの間違った URL
私はlaravel 5.5を使用しており、ブートストラップのオーバーライドを使用して少ないファイルをコンパイルしようとしています。
webpack.mix.js ファイルに次のものがあります。
app.less は次のとおりです。
_variables.less は次のとおりです。
ただし、コンパイルされた app.css は、次のように font-face url を生成しています。
インポートに関連するURLを生成しているように見えます@import "~bootstrap/less/bootstrap"
font-face url を次のように強制的に生成するにはどうすればよいですか。
laravel - 「cross-env」は内部コマンドまたは外部コマンドとして認識されません。
Laravel Mixでnpm run devを実行するのに問題があります。以下のリンクをたどりましたが、まだエラーが存在します。OS に問題がありますか? node_modulesを削除しようとし、 npm install --global cross-envを実行しました。NPM インストールを再度実行します。
https://github.com/JeffreyWay/laravel-mix/issues/478
Laravel 5.4 'cross-env' が内部コマンドまたは外部コマンドとして認識されない
ここに私のバージョンがあります:
- Laravel mix バージョン: ^2.0
- ノード バージョン (ノード -v): 8.9.0
- NPM バージョン (npm -v): 5.6.0
- OS:Windows7
- XAMPP
laravel - Laravel Mix での Bootstrap-Vue CSS コンパイル
Laravel 5.6、Laravel Mix 2.0、および Bootstrap-Vue 2.0.0-rc.1 を使用しています。
app.css
Bootstrap-Vue の CSS をファイルに含め、Bootstrap-Vue が<style>
タグをページに含めないように Laravel Mix を構成する方法を見つけようとしています<head>
。
パッケージのドキュメントでこのメモを見ましたが、これを適切に使用する方法がまだわかりません:
注:cssファイルをロードするにはwebpack構成が必要です(公式ガイド)
javascript - 単一ファイル コンポーネント Vue.js への Event_Bus vue 変数アクセス - Laravel Mix
vue の単一ファイル コンポーネントに変数にアクセスする方法について質問したいだけですか? ブラウザでアプリにアクセスしようとすると、vue js でエラーが発生します。
マウントされたフックのエラー:「ReferenceError: EventBus が定義されていません」
以下の私のコード。
これをapp.jsに実装します
これは私の vue コンポーネント (TransactionList.vue) です。
私はlaravelを使用してアプリケーションを開発し、laravel Mixであるlaravel機能の1つを使用しています。
jquery - Laravel mix Uncaught ReferenceError: jQuery が定義されていません
laravel mix を使用して、js ライブラリとコードをバンドルしています。ES6 スタイルのインポートを使用し、可能であれば ES6 コードを使用しようとしています。jQueryとそのライブラリもインポートする必要があります。
だから、私は次のようにjQueryとブートストラップをインポートしました:
最初にそれらをインポートすると、次のようになりました:
これは、ブートストラップが jQuery を取得していないことが原因です。
これを解決するために、この構成を追加して $, jQuery を jquery に置き換えました
これは、jQuery を必要とするすべてのスクリプトとライブラリで機能します。
問題は、単一の js を使用したり、ブレード セクションを使用したりせずに追加する他のスクリプトにあります。
コンソール エラーは次のように表示されます。
laravel mixを使用してスクリプトをコンパイルして混合すると問題は解決しますが、同じスクリプトをブレードに記述したり、混合せずに使用したりすると、jQuery / $ is not defined エラーが表示されます。
この場合の最善の方法は何ですか?
マスター ページは次のようになります。
laravel - laravel 5.6でjsファイルを連結する
アセットにいくつかの js ファイルがあり、それらを 1 つの app.js ファイルに連結したいと考えています。これは私の webpack.mix.js ファイルにあるものです:
今、私は自分のプロジェクトでこのスクリプトを使用したい:
しかし、そのスライドアップは機能しません。3 つのスクリプトをブレード ファイルに個別にロードすると、関数は非常にうまく機能しますが、すべてのスクリプトを 1 つのファイルに配置する必要があります。誰でも私を助けてもらえますか?