When babel is compiled, it is prompted that the value of import cannot be read.

The

directory structure is as follows

Code
profile.js

function showMsg(msg) {
    alert(msg);
}
export default {showMsg};

import.js

import {showMsg} from "./profile.js";

showMsg("hello world");

.babelrc

{
    "presets":[
        "es2015"
    ],
    "plugins":["transform-es2015-modules-umd"]
}

package.json

{
  "name": "module",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel src/import.js -o dist/index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
    "babel-preset-es2015": "^6.24.1"
  }
}

prompt Cannot read property "showMsg" of undefined after running

Babel es6 javascript

Apr.01,2021

profile.js

function showMsg (msg) {

alert(msg);

}
export {showMsg};

Delete default

Previous: Can classes in es6 call their own methods?

Next: SQL first three data for each category

Error occurred when compiling ES6 with babel without using nodejs
< H1 > error occurred when compiling ES6 with babel without using nodejs < H1 > < H2 > scene < H2 > We currently use ES6 syntax in traditional projects (not the modern front end packaged by nodejs ). As a result, colleagues browsers can t browse...

Browser babel es6 javascript

Apr.12,2022