FriendsOfSymfony / FOSJsRoutingBundle

A pretty nice way to expose your Symfony routing to client applications.
1.48k stars 260 forks source link

Cannot use in typescript + vite environnement #441

Open xlaussel opened 2 years ago

xlaussel commented 2 years ago

I try to use the router in a typescript + vite environnement. I import the library like:

import {Routing} from '~/vendor/friendsofsymfony/jsrouting-bundle/Resources/public/js/router'

(~ is an alias to the root folder)

But when executing I have the following error in the console: Uncaught SyntaxError: The requested module '/@fs/data/xlextent/srcs/financile/vendor/friendsofsymfony/jsrouting-bundle/Resources/public/js/router.js' does not provide an export named 'Routing' (at routing.ts:3:1)

When I do:

import Routing from '~/vendor/friendsofsymfony/jsrouting-bundle/Resources/public/js/router'

I have the error:

But when executing I have the following error in the console: Uncaught SyntaxError: The requested module '/@fs/data/xlextent/srcs/financile/vendor/friendsofsymfony/jsrouting-bundle/Resources/public/js/router.js' does not provide an export named 'default' (at routing.ts:3:1)

Here is my tsconfig.json with esModuleInterop ans allowJs set:

{
  "extends": "@vue/tsconfig/tsconfig.web.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "compilerOptions": {
    "esModuleInterop": true,
    "allowJs": true,
    "paths": {
      "@/*": ["./src/*"],
      "~/*": ["../*"],
    }
  },

  "references": [
    {
      "path": "./tsconfig.config.json"
    }
  ]
}

What can I do?

fatso83 commented 2 years ago

So strange. It most definitely has a Router export, but I have not checked the transpiled code.