インポート複数のコンポーネントは、

Question

を動作しません。だから私はここで、「ビュー/」

は、ファイル構造であるフォルダから他のコンポーネントを必要とVUEのインスタンスを作成しようとしています：

• プロジェクト
  • ビルド/
  • のconfig/
  • node_modules/
  • のsrc/
    • ビュー/
    • コンポーネント/
  • App.vue

私はApp.vueでこれを行う場合は、サーバがエラーなしで実行されます：

import Navbar from 'layouts/Navbar' 
import Topbar from 'layouts/Topbar' 
import AppMain from 'layouts/AppMain' 

ただし、if私の代わりにこれを試してみてください。

import { AppMain, Navbar, Topbar } from 'layouts/' 

サーバが実行されず、返します。ここでは

This dependency was not found: 
* views/ in ./src/router/index.js 

はwebpack.base.config.js

は

function resolve (dir) { 
    return path.join(__dirname, '..', dir) 
} 

module.exports = { 
    entry: { 
    app: './src/main.js' 
    }, 
    output: { 
    path: config.build.assetsRoot, 
    filename: '[name].js', 
    publicPath: process.env.NODE_ENV === 'production' 
     ? config.build.assetsPublicPath 
     : config.dev.assetsPublicPath 
    }, 
    resolve: { 
    extensions: ['.js', '.vue', '.json', '.scss'], 
    alias: { 
     'vue$': 'vue/dist/vue.esm.js', 
     '@': resolve('src'), 
     'layouts': resolve('src/layouts'), 
     'views': resolve('src/views'), 
     'components': resolve('src/components'), 
     'variables': path.resolve(__dirname, '../src/assets/common/variables.scss'), 
    }, 
    }, 

である私は本当にありません持っています何が間違っているのか、plzヘルプ、thx

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.