vue + Nuxtjs2 Cant import charting_library.min

[FF-ru]

trying to include charting_library

let { widget } = require('~/assets/js/charting_library.min')

it throws: Uncaught TypeError: Cannot read property 'TradingView' of undefined

[timocov]

What bundler you use? It looks it doesn't support UMD modules.

[FF-ru]

nuxt2 exists webpack4.26.1 it worked fine with webpack3 on nuxtjs

[FF-ru]

just tried to assemble with clean webpack4.26.1 without vuejs and nuxtjs so it works. I have no idea

[timocov]

I would suggest you check webpack's config you use to bundle your app.

[huuhait]

same with vuejs .-.

[mahapo]

@FF-ru adding modules: 'commonjs' to the build.babel.presets fix this issue

For example:

babel: {
    presets({ isServer }) {
      return [
        [
          require.resolve('@nuxt/babel-preset-app'),
          {
            //targets: isServer ? { node: '10' } : { ie: '11' },
            //corejs: { version: 3 },
            modules: 'commonjs'
          }
        ]
      ]
    }
  }

[mahapo]

For vue this should work:

babel: {
    presets: [
      [
        '@babel/env',
        {
          //targets: {
          //  node: 'current'
          //},
          modules: 'commonjs'
        }
      ]
    ]
  }

[ShadiSimplbit]

https://github.com/tradingview/charting-library-examples/issues/170#issuecomment-745245792 I hope this will help