无法解析Vue组件中的js文件/使用laravel

Question

我正尝试在vue组件中导入css和js文件，使用webpack解析css和js，但主要问题是>>

未找到这些依赖项：

./ node_modules / babel-loader / lib ?? ref--4- 0！../ node_modules / babel->中的Datatablejs / datatables.bundle.js 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'),
    }
}
});

MultipleControls.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>