laravel mixにnpmパッケージが必要ですか？

Question

私は、この質問がネット上で数回答えられているのを見ました。しかし、私はそれを働かせないだけです。私はあなたが助けることを願っています

私はLaravel Mix with Laravel 5.5を使用しています。私の必要なjsファイルのいくつかを特定のディレクトリに手動で読み込むのではなく、npmでパッケージをインストールし、laravel mixでそれらを必要とします。

これは、そのままの状態でのブートストラップで動作します。私は3.3.0のバージョンを4.0.0 alpha6に入れ替えました。

npm install bootstrap-v4-dev -D

はその後resources/assets/js/bootstrap.jsに私はこの

window._ = require('lodash'); 

/** 
* We'll load jQuery and the Bootstrap jQuery plugin which provides support 
* for JavaScript based Bootstrap features such as modals and tabs. This 
* code may be modified to fit the specific needs of your application. 
*/ 

try { 
    window.$ = window.jQuery = require('jquery'); 

    require('bootstrap-v4-dev'); 
} catch (e) {} 

に見えるように、それを変更し、それが動作します。私はnpm run devをうまく実行することができます。今、別のnpmパッケージで全く同じことをしたいのです。だから私はnpm install now-ui-kit -D私のpackage.jsonは今、この

{ 
    "private": true, 
    "scripts": { 
    "dev": "npm run development", 
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "watch-poll": "npm run watch -- --watch-poll", 
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "prod": "npm run production", 
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" 
    }, 
    "devDependencies": { 
    "axios": "^0.16.2", 
    "bootstrap-v4-dev": "^4.0.0-alpha.6", 
    "cross-env": "^5.0.1", 
    "jquery": "^3.1.1", 
    "laravel-mix": "^1.0", 
    "lodash": "^4.17.4", 
    "now-ui-kit": "^1.0.1", 
    "popper.js": "^1.11.1", 
    "vue": "^2.1.10" 
    }, 
    "dependencies": { 
    "now-ui-kit": "^1.0.1" 
    } 
} 

のように見えるんその後bootstrap.jsファイルで、私はrequire('now-ui-kit');を追加し、私はコンパイルしようとすると、今、私は次のエラーを取得する：

ERROR in ./resources/assets/js/bootstrap.js 
Module not found: Error: Can't resolve 'now-ui-kit' in '/home/vagrant/code/user/resources/assets/js' 
@ ./resources/assets/js/bootstrap.js 15:0-21 
@ ./resources/assets/js/app.js 
@ multi ./resources/assets/js/app.js 

私も何も働いていない

... app.jsで、あるいは webpack.mix.jsで require('now-ui-kit');を配置しようとした、と私は本当に私が間違ってやって得ることはありません...誰かが助けてもらえますか？

Answer 1

コマンドを実行します

npm install -D bootstrap@4.0.0-beta.3 

は、その後、次のコード

try { 
    window.$ = window.jQuery = require('jquery'); 

    require('bootstrap'); 
} catch (e) {} 

を使用します