Unexpected token operator «*»

[thierryskoda]

Hi,

I'm getting this error on npm run build

route-wrapper.chunk.4494e26e341b7a438b92.js from UglifyJs
Unexpected token operator «*», expected punc «(» [route-wrapper.chunk.4494e26e341b7a438b92.js:71,45]
bundle.js from UglifyJs
Unexpected token operator «*», expected punc «(» [bundle.js:18314,45]

Any idea what it could be?

Thank you in advance!

[developit]

Hmm - what version of preact-cli are you running? (preact -v)

Can you try running this?

npm run build -- --no-prerender (note the double -- --prerender)

That type of error usually shows up when Uglify encounters ES2015 code, which shouldn't be happening so there's some sort of Babel issue at play here.

[rkostrzewski]

@thierryskoda do you perhaps use generators or await/async? Currently they aren't transformed by babel in the cli and this could be the reason this error occurs.

[thierryskoda]

@developit I'm using preact-cli v1.0.1 and I tried npm run build -- --no-prerender and I have the same error. Like @rkostrzewski mentioned, the error was caused because I was using await/async. I removed the code where I was using await/async and it works now.

Thank you guys for the help

[rkostrzewski]

@thierryskoda once #56 lands you'll be able to include your own .babelrc with all babel goodies you can imagine 😄. For now generators are disabled by default because of overhead & bundle size increase - there's some talk at #17 to include them by default.

I'll be closing this in favour of #17. 😃

[chinchang]

To fix this I tried disabling Uglify by running preact build --production false. But still seems to be running. Is my command syntax wrong?
PS: I am aware that I can use the aync-await-plugin for preact, but still would like to know how to disable minification.

[chinchang]

Nevermind, figured it out, thanks to nice docs :)

// preact.config.js
export default function (config, env, helpers) {
	let { index } = helpers.getPluginsByName(config, 'UglifyJsPlugin')[0]
	config.plugins.splice(index, 1)
}

[tomasdev]

Would be awesome to have a better way of removing plugins.

Edit went for a better fix for async/await support on preact.config.js

import asyncPlugin from 'preact-cli-plugin-async';

export default (config) => {
    asyncPlugin(config);
}

I think that should come baked in always with preact-cli (enabled by default)

[allexon]

I made a simple example with Preact, in dev everything runs fine, but when building, yarn build, an error occurs with svg-js files, which I have no idea how to solve it...

[rschristian]

@allexon Create a new issue rather than burying in an old please, but the issue is that you haven't added any loader to handle your svg-in-JS files.

As they're invalid JS, you need a Webpack loader.

[allexon]

Sorry, I posted in the wrong place, it's just that I've tried so many things including the Svg loaders, it's that in Pereact I really don't just install a loader I would also have to configure the prereact.config.js, I'm looking for an example because so far some I found didn't work... Em dom., 18 de set. de 2022 às 18:18, Ryan Christian < ***@***.***> escreveu:

…

@allexon <https://github.com/allexon> Create a new issue rather than burying in an old please, but the issue is that you haven't added any loader to handle your svg-in-JS files. As they're invalid JS, you need a Webpack loader. — Reply to this email directly, view it on GitHub <#77 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAJGQEA7GIDJKORAY4OJKCTV66BLZANCNFSM4DNMTCGA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

-- Alexon da Silva Moreira Designer de Produto Serra - ES

[allexon]

this one is preact.config.js [image: image.png] Em dom., 18 de set. de 2022 às 18:30, Alexon da Silva Moreira < ***@***.***> escreveu:

…

Sorry, I posted in the wrong place, it's just that I've tried so many things including the Svg loaders, it's that in Pereact I really don't just install a loader I would also have to configure the prereact.config.js, I'm looking for an example because so far some I found didn't work... Em dom., 18 de set. de 2022 às 18:18, Ryan Christian < ***@***.***> escreveu: > @allexon <https://github.com/allexon> Create a new issue rather than > burying in an old please, but the issue is that you haven't added any > loader to handle your svg-in-JS files. > > As they're invalid JS, you need a Webpack loader. > > — > Reply to this email directly, view it on GitHub > <#77 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/AAJGQEA7GIDJKORAY4OJKCTV66BLZANCNFSM4DNMTCGA> > . > You are receiving this because you were mentioned.Message ID: > ***@***.***> > -- Alexon da Silva Moreira Designer de Produto Serra - ES

-- Alexon da Silva Moreira Designer de Produto Serra - ES

[rschristian]

@allexon Once again, new issue please.

You also didn't attach an image, though that looks like it was your intention.