Не удается разрешить файл js внутри vue компонента / с laravel

Question

Я пытаюсь импортировать файлы css и js в компоненте vue, используя веб-пакет для разрешения css и js, но главная проблема заключается в том, что >>

Эти зависимости не были найдены:

Datatablejs / datatables.bundle. js in ./node_modules/babel-loader/lib??ref--4- 0! ./ node_modules / babel-> loader / lib! ./ node_modules / vue -loader / lib ?? vue -loader-options! ./ resources / vue -app / comp> onents / ContainerCmponents / Datatables / Advanced / MultipleControls. vue? vue & type = script & lang = js &

Модуль не найден: Ошибка: невозможно разрешить 'Datatablejs / datatables.bundle. js'

webpack.mix. js

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

mix.js('resources/vue-app/dashboard/app.js', 'public/js')
.webpackConfig({
module: {
    rules: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            use: [
                {
                    loader: 'babel-loader',
                    // options: Config.babel()
                }
            ]
        },
    ]
},
resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
        'vue$': 'vue/dist/vue.esm.js',
        '@': path.resolve('resources/vue-app/assets/vendors/custom/datatables'),
        'styles': path.resolve('resources/vue-app/assets/styles'),
        'Datatablejs': path.resolve('resource/vue-app/assets/vendors/custom/datatables'),
        'Ddvanceddatatablejs': path.resolve('resource/vue- 
 app/assets/demo/default/custom/crud/datatables/advanced'),
    }
}
});

Множественные элементы управления. vue

<script>
import 'Datatablejs/datatables.bundle.js'
import 'Ddvanceddatatablejs/multiple-controls.js'
export default {
name: "MultipleControls"
}
</script>

<style lang="scss" scoped>
@import '~styles/main.scss';
</style>