2017-11-09 12 views
0

コンポーネントをインポートとして他のコンポーネントに参照するときに修正しようとしているファイル構造の問題があります。 Vuejs、インポートコンポーネントファイルの問題

私が持っている現在のファイルの設定は次のようになり

...

enter image description here

私は私が使用する必要があるとしてインポートするには2つのファイルを参照するファイルと呼ばsecurity_passphrase.vueに、そのファイルの中に働いています彼らはそこにいる。

import dropdown from '../components/vue_form/dropdown.vue' 
import formbutton from '../components/vue_form/form_button.vue' 

コンパイラは、ロードしようとしているモジュールを見つけることができません。

Error: Cannot find module '../../components/vue_form/dropdown.vue' from 'C:\wamp64\www\merchant-backend-new\merchant-backend\resources\assets\js\components\vue_form\concertina_form' 

Error: Cannot find module '../../components/vue_form/form_button.vue' from 'C:\wamp64\www\merchant-backend-new\merchant-backend\resources\assets\js\components\vue_form\concertina_form'

私はこの作品が、ノーを成功させるためにさまざまな方法を試してみました。インポートしようとしているファイルは、ファイルが保存されているフォルダの外にあります。

/concertina_form/security_passphrase.vue /vue_form/form_button.vue

/vue_form/dropdown.vue

ヘルプは次のようになります素晴らしい:)

+0

あなたは 'import dropdown from '..を使用する必要がある2つのフォルダを移動しています.. ../ dropdown.vue'' – samayo

+0

Thanks @samayoは完全に動作します – CrisA

答えて

2
import dropdown from '../dropdown.vue' 
import formbutton from '../form_button.vue' 

vue_formディレクトリにconcertina_formディレクトリから行くことができます../がダウン一つのディレクトリになり使用してこれらのファイルをインポートする正しい方法でなければなりません。

関連する問題