Unexpected token; when import phaser-navmesh

[wristork]

Hi, I'm can't import package phaser-navmesh. I not cool expert, more information then error text from console I cannot offer.

ERROR in ./src/js/phaser-navmesh-plugin.js 1:16670
Module parse failed: Unexpected token (1:16670)
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 ...FILE CODE...

Trying work with just navmesh, not for phaser, it work correcntly.

[mikewesthad]

Hi @wristork, can you share a link to a minimal project setup where this error occurs?

[wristork]

I'm sorry to be late with the reply. Project: https://github.com/wristork/phaser-navmesh-test.

Just webpack template from here https://github.com/photonstorm/phaser3-project-template

[hendrikras]

@wristork the link does not work.

I am having similar issues and have reproduced the problem here:
https://github.com/hendrikras/phaser3-typescript-starter-kit

any help would be greatly appreciated.

[kirabook]

I'm also running into this issue and couldn't find any solutions. I'm not used to managing my project via npm, but I compared my packages to the examples and it doesn't appear I'm missing any dependencies or anything. I haven't actually included any code yet. I've also created a temporary repository for this, but I don't want to keep it up too long.

https://github.com/kirabook/temporary-1

(Also, though this is probably a different issue, I'm also running into an error when trying to use the non-npm version.)

[plepers]

Hi,
The 3 libraries are built using TS "ESNext" output and the built files contain class properties declarations.
It looks like this relativly recent ES feature is not supported on some webpack/babel setups.
I tried to add @babel/plugin-proposal-class-properties to my project without success. I'm not sure node_modules's files are processed by babel in my case.
Anyway, i solved the issue by rebuilding the library from sources, replacing tsconfig's output by "ES2021".
Hope it helps

[TheChemist]

I'm having the problem @hendrikras mentioned as well.

@plepers Can you describe, how you built the libaries yourself?

[brodynelson]

Hi,

I am also having this issue with the latest version.

error - ./node_modules/phaser-navmesh/dist/phaser-navmesh-plugin.js 1:4581
Module parse failed: Unexpected token (1:4581)

I have tried installing a typescript and javascript project. Any help would be much appreciated.

Thanks,

BN

[hankyu1]

@brodynelson
This is what I did to build it locally:

1. cone navmesh repo and npm install
2. go to /packages and find the library you need to build. For me I want to use the phaser 3 package so it would be phaser-navmesh
3. inside the folder, find tsconfig.json and changed the target to ES6
4. go back to root and run npm run build:libs
5. once its done, go back to the library folder and you should find a dist folder in it. You can now import whatever is in it into your phaser project