Skip to content

Svelte loader Module not found #1255

Open
@gponty

Description

@gponty

Hi,
Webpack 4.5

My webpack.config.js :

.addLoader({
                test: /\.svelte$/,
                loader: 'svelte-loader',
            },
            {
                // required to prevent errors from Svelte on Webpack 5+, omit on Webpack 4
                test: /node_modules\/svelte\/.*\.mjs$/,
                resolve: {
                    fullySpecified: false
                }
            }
        )
;

let config = Encore.getWebpackConfig();

config.resolve.mainFields = ['svelte', 'browser', 'module', 'main'];
config.resolve.extensions = ['.mjs', '.js', '.svelte'];
config.resolve.conditionNames = ['svelte', 'browser', 'import'];

let svelte = config.module.rules.pop();
config.module.rules.unshift(svelte);

module.exports = config;

When i import module (by example : import Select from 'svelte-select' ) i have this error :

Module build failed: Module not found:

"./node_modules/svelte-file-dropzone/dist/utils/index.js" contains a reference to the file "./attr-accept".
This file can not be found, please check it for typos or update it if the file got moved.

"./node_modules/svelte-floating-ui/index.js" contains a reference to the file "./core".
This file can not be found, please check it for typos or update it if the file got moved.

Then this files exists :
image

Any idea ?
Thank you

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions