Laravel 混合 __webpack_require__

Question

我正在使用 Laravel 5.8 我正在使用 VueJs 进行 SPA，

一些依赖问题

这是打开某些页面时的错误

我的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.jsondevDependency 是

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

这是我如何导入 vue-swiper

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

导入 vue-treeselect

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

Answer 1

尝试替换：

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

与：

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

更新：

import Treeselect from '@riophae/vue-treeselect'

与：

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