Laravel mix __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.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',
    },
});

下面是我如何导入vue-swiper

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

导入vue-树选择

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'