3daddict / themekit-webpack

(Legacy) Shopify Themekit with Webpack and TailwindCSS
MIT License
58 stars 10 forks source link

Cant run yarn start due to liquidjs error #68

Open jurgenbosch opened 2 years ago

jurgenbosch commented 2 years ago

Hi,

I'm running into an error on my Apple M1 Silicon. I can run yarn build just fine but as soon as I run yarn start I run into errors.

The error appears to be related with parsing the liquid file as the error reads;

this.liquid._parseFile is not a function, line:1, col:1
>> 1| {% section "featured-collection" %}

Please see the stacktrace below;

➜ yarn start
yarn run v1.22.17
$ TAILWIND_MODE=watch webpack serve --mode=development --config webpack.dev.js
ℹ 「wds」: Generating SSL Certificate
Executing pre-build scripts
-- Webpack build started 🛠
ℹ 「wds」: Project is running at https://localhost:9000/
    ℹ 「wds」: webpack output is served from /
ℹ 「wds」: Content not from webpack is served from /Users/USERNAME/development/THEME_NAME/dist
https://STORE_NAME.myshopify.com/api/2020-10/graphql

    warn - You have enabled the JIT engine which is currently in preview.
    warn - Preview features are not covered by semver, may introduce breaking changes, and can change at any time.

    info - Tailwind CSS is watching for changes...
info - https://tailwindcss.com/docs/just-in-time-mode#watch-mode-and-one-off-builds
node:internal/process/promises:246
triggerUncaughtException(err, true /* fromPromise */);
^

this.liquid._parseFile is not a function, line:1, col:1
>> 1| {% section "featured-collection" %}
RenderError: this.liquid._parseFile is not a function, line:1, col:1
at Render.renderTemplates (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:849:53)
at renderTemplates.throw (<anonymous>)
    at /Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:781:34
    at Object.then (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:748:24)
    at reduce (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:778:40)
    at toThenable (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:766:16)
    at toPromise (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:793:28)
    at Liquid.parseAndRender (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:3184:16)
    at Object.module.exports (/Users/USERNAME/development/THEME_NAME/shopify-dev-utils/liquidDev.loader.js:76:10)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    From TypeError: this.liquid._parseFile is not a function
    at Object.render (/Users/USERNAME/development/THEME_NAME/shopify-dev-utils/section-tags/section.js:17:45)
    at render.next (<anonymous>)
        at reduce (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:771:25)
        at Object.then (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:739:28)
        at reduce (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:778:40)
        at toThenable (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:766:16)
        at reduce (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:778:16)
        at Object.then (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:739:28)
        at reduce (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:778:40)
        at toThenable (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:766:16) {
            originalError: TypeError: this.liquid._parseFile is not a function
            at Object.render (/Users/USERNAME/development/THEME_NAME/shopify-dev-utils/section-tags/section.js:17:45)
            at render.next (<anonymous>)
            at reduce (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:771:25)
            at Object.then (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:739:28)
            at reduce (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:778:40)
            at toThenable (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:766:16)
            at reduce (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:778:16)
            at Object.then (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:739:28)
            at reduce (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:778:40)
            at toThenable (/Users/USERNAME/development/THEME_NAME/node_modules/liquidjs/dist/liquid.node.cjs.js:766:16),
            token: TagToken {
            kind: 4,
            input: '{% section "featured-collection" %}',
            begin: 0,
            end: 35,
            file: '',
            trimLeft: false,
            trimRight: false,
            content: 'section "featured-collection"',
            name: 'section',
            args: '"featured-collection"'
        },
            context: '>> 1| {% section "featured-collection" %}'
            }

            Node.js v17.0.1
            error Command failed with exit code 1.
            info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.