Hello,

we're trying to use Sage 10 in a new project which includes this dependency in their Laravel Mix configuration. Sadly though, requiring an external library breaks everything (silently, so I'm not even sure how to debug it).

I have forked Sage 10 and in this commit it everything works as expected:

then basically this was added (in this commit):

import classNames from 'classnames'

and now all blocks are broken. No error message in the console or anything.

This happens to only happen for development build, while production builds are not affected.

Hi,

when using this plugin, the asset.php file gets created for every script in the webpack.mix.js file. Even those who are .js() and not .block().

Any way to disable that?

When using Laravel Mix mix.combine() method in the same project as laravel-mix-wp-blocks I get the following error:

[webpack-cli] Error: [BABEL] unknown: Preset /* your preset */ requires a filename to be set when babel is called directly,
babel.transform(code, { filename: 'file.ts', presets: [/* your preset */] });

Here is my webpack.mix.js file:

const mix = require('laravel-mix');

require('@tinypixelco/laravel-mix-wp-blocks');

mix.blocks('src/blocks.js', 'dist');

mix.combine('src/vendor', 'dist/vendors.js', true);

Here is my package.json:

{
  "name": "mix-new",
  "version": "1.0.0",
  "description": "",
  "main": "webpack.mix.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@tinypixelco/laravel-mix-wp-blocks": "^1.1.0",
    "@wordpress/babel-preset-default": "^6.4.1",
    "@wordpress/dependency-extraction-webpack-plugin": "^3.2.1",
    "laravel-mix": "^6.0.39"
  }
}

I've tried it on two versions of Node I have installed (12.18.3 and 15.12.0) and I get the error on both of them. The only way I don't get the error is when I remove the third argument from mix.combine() which disables Babel. Using mix.babel() causes the same error.

Hope you can help.

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update actions/checkout action to v4
• chore(deps): update actions/setup-node action to v4

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

I get the following error in my project (based on the roots/sage 10.x branch):

→ npx mix
[webpack-cli] TypeError: Cannot set property 'bundlingJavaScript' of undefined
    at Block.register (node_modules/laravel-mix/src/components/JavaScript.js:36:41)
    at Block.register (node_modules/@tinypixelco/laravel-mix-wp-blocks/index.js:51:11)
    at Object.components.<computed> [as blocks] (node_modules/laravel-mix/src/components/ComponentRegistrar.js:163:49)
    at Object.<anonymous> (webpack.mix.js:32:4)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)

My settings in the webpack.mix.js file are identical to roots/sage settings (again, 10.x branch).

In the devDependencies I'm using the latest version of your package and the latest version of Laravel Mix:

"devDependencies": {
  "@tinypixelco/laravel-mix-wp-blocks": "^1.1.0",
  "laravel-mix": "^6.0.19"
}

I've tried to compile it on two different versions of Node (v14.15.4 and v16.14.0) and I get the same error on both of them.

Hope you can help!