Type error in manifest?

[depsypher]

Seeing a type error in my IDE related to string != 'module' type. It seems to work anyway, just an annoyance. Wondering if anyone else sees this too and knows any workarounds?

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import {crx} from '@crxjs/vite-plugin'
import manifest from './manifest.json'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
      react(),
      crx({manifest}), // IDE flags this as type error
  ]
})

manifest looks like this:

  "manifest_version": 3,
  "name": "JSOFF",
  "version": "1.0.0",
  "permissions": ["contentSettings", "activeTab"],
  "action": {},
  "host_permissions": [
    "<all_urls>"
  ],
  "background": {
    "service_worker": "src/background.ts",
    "type": "module"
  }
}

Looks like this is where that definition comes from and it should be fine, but type 'module' is treated as string in the json:

interface ChromeManifestBackground {
    service_worker: string;
    type?: 'module';
}

[depsypher]

Ah ok, figured it out. Just needed to cast. Like this:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import {crx, ManifestV3Export} from '@crxjs/vite-plugin'
import man from './manifest.json'

const manifest = man as ManifestV3Export

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
      react(),
      crx({manifest}),
  ]
})

[Toumash]

you could also define the manifest using defineManifest or try to use your manifest as const (this way ts treats that string as not a string but a string literal)

import { crx, defineManifest } from '@crxjs/vite-plugin';

const manifest = defineManifest({
    version: packageJson.version,
    manifest_version: 3,
    name: 'my app'
});