Uncaught SyntaxError: ...validate-iri... does not provide an export named 'IriValidationStrategy' about crate-builder-component

[marcolarosa]

The issue stems from being unable to import the Strict Validation Strategy from the validate iri package @

crate-builder-component/src/crate-builder/crate-manager.js

Line 13 in 248b978

import { validateIri, IriValidationStrategy } from "validate-iri";

.

I've just published 0.25.3 without this but your setup still seems to complain about importing lodash deps which you need to figure out.

[marcolarosa]

@edmondchuc

Can you please check the version of vite you are using. I've just upgraded vite in an app of mine that uses this component (from 4.0.4 -> 4.1.4) and the problem seems to have gone away.

[edmondchuc]

@marcolarosa when I ran into the issue, I was already on vite 4.1.4.

[marcolarosa]

I think this is a vite issue but I can't get yours to work and it's now fixed in mine. My vite config https://github.com/describo/collections/blob/master/ui/vite.config.js.

[marcolarosa]

I've asked the vite developers for help: vitejs/vite#12505

[alvinsw]

Yes this is something to do with Vite. I also can't figure it out what causes it. All the import calls that throw the error look legit in the source. And production build works normally. Ie, npm run dev does not work but npm run build works. Use the npm run preview if you don't already have a web server.

[edmondchuc]

This is my workaround running npm run dev locally.

I clone this repo somewhere on my disk. Then I link to it from my project in package.json.

My package.json looks like this:

{
  "name": "app",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@describo/crate-builder-component": "file:../crate-builder-component",
    "vue": "^3.2.45",
    "vue-router": "^4.1.6"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.0.0",
    "autoprefixer": "^10.4.13",
    "postcss": "^8.4.21",
    "tailwindcss": "^3.2.7",
    "vite": "^4.1.0"
  }
}

[marcolarosa]

Thanks @alvinsw @edmondchuc

Hopefully the vite devs come back with a fix or reason why it's not working.

[marcolarosa]

Unfortunately we didn't get a solution from the vite dev's but I found a workaround which I've described @ vitejs/vite#12505 (comment).

If you update to version 0.27.1 it should work now as you would it expect it to. And without any special vite configuration.