Polymer: The requested module '../../axios/index.js' does not provide an export named 'axios'

[vtolkanov]

I am manually upgrading polymer 2.0 project to 3.0 one. I replaced 'link' with 'import', *.html with *.js and bower.json and bower_components with package.json and node_modules.
But when I ran 'polymer serve', I got this problem. What can I do?

And in the cmd window, I could see this note. Can you let know how to handle this, too?

My npm version is 6.2.0
polymer is ^3.0.0-pre.21
axios is ^0.18.0
Please, help me...

In polymer 2.0 script it was coded like this

And I changed it
import {axios} from "../node_modules/axios";

[web-padawan]

Polymer CLI does not accept CommonJS modules, only ES modules.
Consider using Webpack instead, or use the workaround to make in an ES module:
https://github.com/bundled-es-modules/axios/blob/master/rollup.config.js

[vtolkanov]

I used axios-es6 instead of axios, but error is the same.
The requested module '../../axios-es6/dist/axios.min.js' does not provide an export named 'axios'

What can I do?

[web-padawan]

@vtolkanov axios-es6 is not an ES module, as it is compiled with Webpack to UMD bundle.
You will basically get the same error when attempting to load any UMD module with Polymer CLI.

By the way, Polymer CLI has its own AMD loader which defines window.define but not window.define.amd thus making impossible using of UMD modules even for es5-bundled build.

In case you are interested, here is an example of using Polymer 3 with Webpack:
https://github.com/web-padawan/polymer3-webpack-starter

[vtolkanov]

Thank you for your kindness! I am very new to polymer 3, so I have so many trouble. Plz, help me.

[vtolkanov]

Hi, Mr. web-padawan. I fixed previous error, And Thank you for your advice. Again got another error this time. Have you ever used amazon-cognito-identify?
There's such error. Can you kindly let me know the reason of it?

[web-padawan]

Hi, honestly no idea. Depends on how you include the script. You should be able to exclude it from minifying, it could be the reason.

[vtolkanov]

I've solve this problem, as you said. And now it works. REALLY thank you for your advice. ^_^

[web-padawan]

@vtolkanov glad you sorted it out! Also, next time please submit any issues related to the tooling (including polymer serve) to https://github.com/Polymer/tools repo, and you can also ask questions in the Slack channel.

[TimvdLippe]

Closing per https://github.com/Polymer/polymer/issues/5342#issuecomment-415958751 Amazing help @web-padawan :tada:

[arekucr]

hey @vtolkanov how did u fix the problem with Axios, did u find an es6 module version? we are using pure polymer cli setup witout webpack and want to keep it in that way but still wanna use axios client

Thanks in advanced

[web-padawan]

As mentioned above there is ES module here but not sure if it has been published to npm (as far as I know its maintainers are still on bower): https://github.com/bundled-es-modules/axios

[arekucr]

Oh thanks @web-padawan I was confused thinking that that link above was just a rollup.config.js config file.

[sonuyadav7421]

Hi, if external js does'nt support es6 module simply you can add the js into script and import the script into your index.js