Laravel mix __webpack_require__ - PullRequest
Новая
       50

Laravel mix __webpack_require__

0 голосов
/ 15 октября 2019

Я использую Laravel 5.8 Я работаю над SPA с VueJs,

Проблема с некоторой зависимостью

Здесь ошибка при открытии некоторой страницы

enter image description here enter image description here

Моя package.json зависимость 

"dependencies": {
       "@riophae/vue-treeselect": "^0.2.0",
        "axios": "^0.18",
        "buefy": "^0.7.8",
        "bulma": "^0.7.5",
        "vee-validate": "^2.2.11",
        "vue": "^2.5.17",
        "vue-awesome-swiper": "^3.1.3",
        "vue-router": "^3.1.3"
}

Моя package.json devDependency 

devDependencies:
"browser-sync": "^2.26.7",
"cross-env": "^5.2.0",
"laravel-mix": "^4.0.7",
"sass": "^1.22.7",
"sass-loader": "7.*",
"vue-template-compiler": "^2.6.10"

Я думаю, что некоторые проблемы с этими vue-treeselect и vue-awesome-swiper некоторое время работают нормально, но иногда показывают ошибку

Мой webpack.mix.js

const mix = require('laravel-mix');

mix.browserSync({
    proxy: 'localhost:8000'
})

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

mix.webpackConfig({
    resolve: {
        alias: {
            '@': path.resolve(__dirname, 'resources'),
        },
    },
    output: {
        publicPath: '/',
        chunkFilename: 'js/[name].[chunkhash].js',
    },
});

Вот как яimport vue-swiper 

import { swiper, swiperSlide } from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'

Import vue-treeselect 

import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'

1 Ответ

0 голосов
/ 15 октября 2019

Попробуйте заменить: 

'@': path.resolve(__dirname, 'resources'),

На: 

'~': path.resolve(__dirname, 'resources/js'),

И Обновление: 

import Treeselect from '@riophae/vue-treeselect'

На: 

import { Treeselect } from '@riophae/vue-treeselect'
...