question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Plugins break in dev mode on SvelteKit

See original GitHub issue

Ok so, no matter what I try, sortBy just won’t work, I copied the simple example, but when I use the same example on my local machine, sorting just won’t work, any ideas? I’m not getting any errors whatsoever, that’s why I can’t diagnose the issue

package.json:

"devDependencies": {
    "@babel/core": "^7.14.0",
    "@babel/preset-env": "^7.14.0",
    "@hurtigruten/svelte-table": "^2.0.3",
    "@iconify/svelte": "^2.2.1",
    "@sveltejs/adapter-static": "^1.0.0-next.26",
    "@sveltejs/kit": "next",
    "@testing-library/jest-dom": "^5.14.0",
    "@testing-library/svelte": "^3.0.0",
    "@types/jest": "^27.0.0",
    "@types/testing-library__jest-dom": "^5.14.0",
    "autoprefixer": "10.4.5",
    "babel-jest": "^27.0.0",
    "cross-env": "^7.0.3",
    "date-picker-svelte": "^2.0.0",
    "flowbite": "^1.4.5",
    "flowbite-svelte": "^0.17.3",
    "jest": "^27.0.0",
    "jspdf": "^2.5.1",
    "n2words": "^1.11.1",
    "postcss": "^8.4.12",
    "postcss-load-config": "^3.1.4",
    "svelte": "^3.44.0",
    "svelte-check": "^2.2.6",
    "svelte-headless-table": "^0.10.2",
    "svelte-jester": "^2.0.1",
    "svelte-preprocess": "^4.9.4",
    "svelte-typeahead": "^4.2.2",
    "tailwindcss": "^3.0.23",
    "ts-jest": "^27.0.0",
    "tslib": "^2.3.1",
    "typescript": "^4.6.2",
    "wretch": "^1.7.9",
    "xlsx": "https://cdn.sheetjs.com/xlsx-0.18.9/xlsx-0.18.9.tgz"
  },

svelte.config.js

/** @type {import('@sveltejs/kit').Config} */
const config = {
    // Consult https://github.com/sveltejs/svelte-preprocess
    // for more information about preprocessors
    preprocess: preprocess({ postcss: true }),

    kit: {
        adapter: adapter(),

        // Apply the proxy setup
        vite: () => ({
            server,
            optimizeDeps: {
                include: ['fuzzy'],
            },
        }),
    },
};

export default config;

_Originally posted by @Gildedter in https://github.com/bryanmylee/svelte-headless-table/issues/28#issuecomment-1162556068_

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:28 (12 by maintainers)

github_iconTop GitHub Comments

3reactions
eric-nagurascommented, Jun 23, 2022

@bryanmylee The sorting example is working too when used with build/preview. But it does not work running dev. Cool, I’ll try some more examples and will probably using this in my apps. The TanStack table for Svelte is missing a lot of functionality. I like this one much more.

1reaction
rohanrajpalcommented, Aug 13, 2022

@bryanmylee Just installed and things seem to be working as expected! Really appreciate all your efforts in making this library better every week.

I’ll try to find some time in the coming weeks to fix this issue, tho seems like it’s a tricky one to understand.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Adapter api for dev mode support · Issue #2304 · sveltejs/kit
Describe the problem #2051 allows us to integrate svelte kit into a node ... to start the dev mode; likely another breaking api...
Read more >
Modules • Docs • SvelteKit
If `true`, all `load` functions of the page will be rerun. See https://kit.svelte.dev/docs/load#invalidation for more info on invalidation.
Read more >
Migrating Breaking Changes in SvelteKit - Netlify
SvelteKit has gone through a few breaking changes recently including ... plugin and switched to the Vite CLI for the dev and build...
Read more >
How to differentiate between Svelte dev mode and build mode?
If you are using sveltekit: ... plugins: [ replace({ isProduction: production, }), svelte({ ... DEV - true in development environment.
Read more >
Full Stack SvelteKit For Beginners - Joy of Code
Since the breaking SvelteKit changes it's not possible to update the post without a ... If you're not familiar with frontend development I...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found