turbopack support

[wladpaiva]

By default, when using turbopack dev it throws an error

@apps/www:dev: [next]  ⨯ ModuleBuildError: ./apps/@www/videos/payments.mp4
@apps/www:dev: [next] Unknown module type
@apps/www:dev: [next] This module doesn't have an associated type. Use a known file extension, or register a loader for it.
@apps/www:dev: [next] 
@apps/www:dev: [next] Read more: https://nextjs.org/docs/app/api-reference/next-config-js/turbo#webpack-loaders

[ryanleecode]

+1

[luwes]

Thanks for reporting!

yes, for now turbopack doesn't support inline webpack loaders which next-video uses for the video type.

we might need to export this as a separate package to make this to work.
not sure if we'll get to this before Turbopack reaches parity.

[luwes]

I did some digging again and the blocker is Turbopack requires support for importing binaries (raw) files (mp4's).
vercel/next.js#72147

[kevinschaich]

Tried this today and managed to get a few steps in but it's still complaining about them when I view one of the pages

    experimental: {
        turbo: {
            resolveExtensions: ['.mdx', '.tsx', '.ts', '.jsx', '.js', '.mjs', '.json', '.mp4'],
            rules: {
                './videos/*.mp4': {
                    loaders: ['next-video/webpack/video-raw-loader.js'],
                    as: '*.json',
                },
                './videos/*.mp4.json': {
                    loaders: ['next-video/webpack/video-json-loader.js'],
                    as: '*.json',
                },
            },
        },
    },

Extension seems to be wrong:

Failed to compile

./videos/coblocks-ai.mp4.json.json
Code generation for chunk item errored
An error occurred while generating the chunk item [project]/videos/coblocks-ai.mp4.json.json (json)

Caused by:
- failed to convert rope into string
- invalid utf-8 sequence of 1 bytes from index 35

[luwes]

yes, thanks for digging in! Turbopack is trying to convert the imported file to a string I believe which is not we want. it should stay raw (binary)