Skip to content

Template fails to render #9

@FloatingComet62

Description

@FloatingComet62

The direct template doesn't build at all.

Reproduction Steps

  1. npx create-video@latest --skia
  2. cd video
  3. npm run build

Stackbiltz link

Actual Output

(1/3) ╭───────────────────╮ Bundling code 100%
Error: Module not found: Error: Can't resolve 'react-native/Libraries/Image/AssetRegistry' in '\node_modules\@shopify\react-native-skia\src\Platform'
resolve 'react-native/Libraries/Image/AssetRegistry' in '\node_modules\@shopify\react-native-skia\src\Platform'
  Parsed request is a module
  using description file: \node_modules\@shopify\react-native-skia\package.json (relative path: ./src/Platform)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      \node_modules\@shopify\react-native-skia\src\Platform\node_modules doesn't exist or is not a directory
      \node_modules\@shopify\react-native-skia\src\node_modules doesn't exist or is not a directory
      \node_modules\@shopify\react-native-skia\node_modules doesn't exist or is not a directory
      \node_modules\@shopify\node_modules doesn't exist or is not a directory
      \node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\lmao\node_modules
        \node_modules\react-native doesn't exist
    at Object.internalBundle (\node_modules\@remotion\bundler\dist\bundle.js:162:15)
    at async bundleOnCli (\node_modules\@remotion\cli\dist\setup-cache.js:140:21)
    at async bundleOnCliOrTakeServeUrl (\node_modules\@remotion\cli\dist\setup-cache.js:34:21)
    at async renderVideoFlow (\node_modules\@remotion\cli\dist\render-flows\render.js:117:53)
    at async render (\node_modules\@remotion\cli\dist\render.js:99:5)
    at async cli (\node_modules\@remotion\cli\dist\index.js:89:13)

Attempted fix

npm i react-native

Output

(1/3) ╭───────────────────╮ Bundling code 100%
Error: Module parse failed: Unexpected token (13:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 'use strict';
|
> export type PackagerAsset = {
|   +__packager_asset: boolean,
|   +fileSystemLocation: string,
undefined
    at Object.internalBundle (\node_modules\@remotion\bundler\dist\bundle.js:162:15)
    at async bundleOnCli (\node_modules\@remotion\cli\dist\setup-cache.js:140:21)
    at async bundleOnCliOrTakeServeUrl (\node_modules\@remotion\cli\dist\setup-cache.js:34:21)
    at async renderVideoFlow (\node_modules\@remotion\cli\dist\render-flows\render.js:117:53)
    at async render (\node_modules\@remotion\cli\dist\render.js:99:5)
    at async cli (\node_modules\@remotion\cli\dist\index.js:89:13)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions