-
Notifications
You must be signed in to change notification settings - Fork 152
Open
Description
Hello, I try template-react-ts to build some stuffs, when I run with npm run dev, vite server starts properly but when I try to access to a sidepanel, options or popup, I receive an error like below
I have modified some files:
- manifest.ts file
import { defineManifest } from '@crxjs/vite-plugin'
import packageData from '../package.json'
//@ts-ignore
const isDev = process.env.NODE_ENV == 'development'
export default defineManifest({
name: `${packageData.displayName || packageData.name}${isDev ? ` ➡️ Dev` : ''}`,
description: packageData.description,
version: packageData.version,
manifest_version: 3,
icons: {
16: 'img/logo-16.png',
32: 'img/logo-34.png',
48: 'img/logo-48.png',
128: 'img/logo-128.png',
},
// action: {
// default_popup: 'sidepanel.html',
// default_icon: 'img/logo-48.png',
// },
// options_page: 'options.html',
// devtools_page: 'devtools.html',
background: {
service_worker: 'src/background/index.ts',
type: 'module',
},
content_scripts: [
{
matches: ['http://*/*', 'https://*/*'],
js: ['src/contentScript/index.ts'],
},
],
side_panel: {
default_path: 'sidepanel.html',
},
web_accessible_resources: [
{
resources: ['img/logo-16.png', 'img/logo-34.png', 'img/logo-48.png', 'img/logo-128.png'],
matches: [],
},
],
permissions: ['sidePanel', 'storage'],
// chrome_url_overrides: {
// newtab: 'newtab.html',
// },
})- vite.config.js
import { defineConfig } from 'vite'
import { crx } from '@crxjs/vite-plugin'
import react from '@vitejs/plugin-react'
import { nodePolyfills } from 'vite-plugin-node-polyfills'
import manifest from './src/manifest'
// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
return {
build: {
emptyOutDir: true,
outDir: 'build',
rollupOptions: {
output: {
chunkFileNames: 'assets/chunk-[hash].js',
},
},
},
plugins: [crx({ manifest }), react(), nodePolyfills()],
}
})Note: there is an error in this file
Metadata
Metadata
Assignees
Labels
No labels

