Import mehrerer Komponenten in vue mit ES6 Syntax funktioniert nicht

Question

Also ich eine vue Instanz zu erstellen Ich versuche, die andere Komponenten aus dem Ordner muss „Ansichten /“

Hier ist die Dateistruktur:

• Projekt
  • build/
  • config/
  • node_modules/
  • src/
    • views/
    • Komponenten/
  • App.vue

Wenn ich dies tun in App.vue, wird der Server ohne Fehler ausgeführt:

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

Aber wenn Ich versuche, diese stattdessen:

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

Der Server nicht ausgeführt wird und zurück:

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

Hier werden die webpack.base.config.js ist

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'), 
    }, 
    }, 

Ich habe wirklich keine Idee, was falsch ist, bitte helfen, thx

Letzte Frage

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

 Verwandte Themen

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