"export 'default' (imported as 'stringify') was not found in 'fast-json-stable-stringify'

[klaus1978]

Hi,
After updating from v2.3.1 to v3.2.1 I now get the error message:
"export 'default' (imported as 'stringify') was not found in 'fast-json-stable-stringify'

index.js?a08a:3 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'
at Module.eval (index.js?a08a:3)
at eval (index.js:84)
at Module../node_modules/feathers-vuex/node_modules/fast-json-stable-stringify/index.js (vendors.app.js:4344)
at webpack_require (runtime.js:791)
at fn (runtime.js:151)
at Module.eval (utils.js:69)
at eval (utils.js:537)
at Module../node_modules/feathers-vuex/dist/utils.js (vendors.app.js:4320)
at webpack_require (runtime.js:791)
at fn (runtime.js:151)

Going back to a version <3.xx seems to solve the issue again

KR Klaus

[markneub]

Same problem here, migrating from 2.3.0 to 3.2.1

[J3m5]

Did you try to delete the node_modules folder and do a fresh install?

[markneub]

Yep, no dice. FWIW, my app was bootstrapped with vue-cli 4.0.5.

$ vue --version
@vue/cli 4.0.5

[J3m5]

And did you add the transpileDependencies option in the vue.config.js file?

[markneub]

Yep:

// vue.config.js
module.exports = {
  lintOnSave: false,
  transpileDependencies: ['feathers-vuex'],

  chainWebpack: config => {
    config.module
        .rule("vue")
        .use("vue-svg-inline-loader")
            .loader("vue-svg-inline-loader")
            .options({ /* ... */ });
  }
}

[markneub]

I was able to fix this locally with babel-plugin-transform-commonjs-es2015-modules:

yarn add babel-plugin-transform-commonjs-es2015-modules --dev

// babel.config.js
module.exports = {
  plugins: ['transform-commonjs-es2015-modules'],
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

No idea why this suddenly broke, though...

From what I can gather, when babel tries to transpile feathers-vuex, it chokes on the fast-json-stable-stringify dependency which uses a CommonJS module export. But nothing seems to have changed recently in that export or in the corresponding import in feathers-vuex. So I'm not sure why it ever worked — or rather since I'm not understanding why it worked, why it broke.

[klaus1978]

Hey @markneub ,
unfortunately your solution is not working for me.
Differences: I created the app with create-nuxt-app

Do I have to add babel.config.js to another file (eg nuxt.config.js) to make it work or is it working for you just as explained above?
BTW: I also tried
.babelrc

{
  "plugins": ["transform-commonjs-es2015-modules"]
}

KR

[markneub]

Hey @klaus1978, all I had to do to get my setup working is what I explained above. Since you're using Nuxt I expect it will be a little different.

From the Nuxt docs on modifying your babel configuration, it looks like you could maybe try adding something like the following:

// nuxt.config.js
module.exports = {
  // (maybe some existing config here)
  build: {
    babel: {
      plugins: ['transform-commonjs-es2015-modules']
    }
  }
}

[klaus1978]

Hey @markneub ,
you made it! I added exactly that to nuxt.config.js and the error is gone ;-)

Thanks a lot
Klaus

[marshallswain]

Thanks for reporting, @klaus1978 and @markneub . I haven't run into this issue, yet. I'll leave this open for a while before I either update the docs or find another solution that doesn't require a workaround.

[andysay]

Hey @klaus1978, all I had to do to get my setup working is what I explained above. Since you're using Nuxt I expect it will be a little different.

From the Nuxt docs on modifying your babel configuration, it looks like you could maybe try adding something like the following:

// nuxt.config.js
module.exports = {
  // (maybe some existing config here)
  build: {
    babel: {
      plugins: ['transform-commonjs-es2015-modules']
    }
  }
}

not work with i18n-nuxt

TypeError: Cannot read property 'loadLanguageAsync' of undefined
    at _callee$ (plugin.main.js?cf89:127)
    at tryCatch (runtime.js?96cf:65)
    at Generator.invoke [as _invoke] (runtime.js?96cf:303)
    at Generator.prototype.<computed> [as next] (runtime.js?96cf:117)
    at asyncGeneratorStep (asyncToGenerator.js?1da1:3)
    at _next (asyncToGenerator.js?1da1:25)
    at eval (asyncToGenerator.js?1da1:32)
    at new Promise (<anonymous>)
    at eval (asyncToGenerator.js?1da1:21)
    at loadAndSetLocale (plugin.main.js?cf89:32)

[marshallswain]

It's a pretty light-weight module, so maybe the best solution would be to bring the fast-json-stable-stringify utility directly into feathers-vuex: https://github.com/epoberezkin/fast-json-stable-stringify/blob/master/index.js

That would make it so we don't have to do the babel workaround.

[klaus1978]

Hey @marshallswain ,
just tell me what to do and I am happy to test it.
KR klaus

[guzz]

I'm having a similar problem with 'sift':

"export 'default' (imported as 'sift') was not found in 'sift'

I fixed with:

// nuxt.config.js
module.exports = {
  // (maybe some existing config here)
  build: {
    babel: {
      sourceType: 'unambiguous'
    }
  }
}