Webpack не разрешает модули, даже если это предусмотрено правилами

Question

• Я запускаю экземпляр vue в php, который загружает скомпилированные main.js компиляции веб-пакетов.

• Я использую webpack.config.js вroot моего проекта и поскольку моя среда FE - Vue, у меня есть следующий набор:

    const path = require('path');
    const {VueLoaderPlugin} = require('vue-loader')
    module.exports = {
        mode: 'development',
        watch: true,
        module: {
            rules: [{
                test: /\.vue$/,
                loader: 'vue-loader'
            },
                {
                    test: /\.js$/,
                    loader: 'babel-loader'
                },
                {
                    test: /\.css$/,
                    use: [
                        'vue-style-loader',
                        'css-loader'
                    ]
                },
                {
                    test: /\.scss$/,
                    use: [
                        'vue-style-loader',
                        'css-loader',


                 {
                            loader: 'sass-loader',
                            options: {
                                data: '$color: red;'
                            }
                        }
                    ]
                }
            ]
        },
        plugins: [new VueLoaderPlugin()]
 }

После загрузки библиотеки DatePicker и следующего набора после 1-й компиляцииЯ получил ошибку:

ERROR in ./node_modules/@gravitano/vue-date-range-picker/index.js Module not found: Error: Can't resolve './src/components/DateRangePicker'

Я заметил, что проблема заключается в добавлении .vue к необходимому имени файла, YET исправлять это здесь не имеет никакого смысла, и мне нужно как-то применить исправление в веб-пакете, но, увидев, что у меня есть vue в конфигурации, я ищу другие параметры atm.спасибо.

Answer 1

Попробуйте добавить '.vue' в resolve.extensions:

resolve: {
    ...
    extensions: ['*', '.js', '.vue', '.json']
},