Импорт нескольких компонентов в vue с использованием синтаксиса ES6 не работает [дубликаты]
На этот вопрос уже есть ответ:
Можно ли импортировать модули из всех файлов в каталоге, используя подстановочный знак? 9 ответовТак что я пытаюсь создать экземпляр vue, которому нужны другие компоненты из папки "views /"
Вот структура файла:
Project Сборки / Конфигурации / Node_modules / SRC /взглядысоставные части App.vueЕсли я сделаю это в App.vue, сервер будет работать без ошибок:
import Navbar from 'layouts/Navbar'
import Topbar from 'layouts/Topbar'
import AppMain from 'layouts/AppMain'
Но если я попробую это вместо этого:
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'),
},
},
Я действительно понятия не имею, что не так, пожалуйста, помогите, спасибо