javascript - 如何使用--experimental-module导入/使用.js扩展名中的ES6模块？

我的mjs文件可以导入其他mjs文件，但不能导入导入链中的js文件。在以下示例中，假设kale.js是第三方库，例如lodash-es/isObject.js
例如

// apple.mjs
import {banana} from './banana.mjs';

..和

// banana.mjs
import {kale} from './kale.js';
export function banana() {};

并且kale.js是

// kale.js
export function kale() {};
export function kite() {}

我收到以下错误：


  $ node --experimental-modules ./test/apple.mjs（node：389272）
  实验警告：ESM模块加载程序是实验性的。
  语法错误：所请求的模块未提供名为
  '羽衣甘蓝'
      在checkComplete（内部/加载程序/ModuleJob.js:75:27）
      在moduleJob.linked.then（内部/加载程序/ModuleJob.js:58:11）
      在


尝试过自定义解析功能，但仍然没有运气：

import url from 'url';
import path from 'path';


const JS_EXTENSIONS = new Set(['.js', '.mjs']);

export default function resolve(specifier, parentModuleURL, defaultResolve ) {
  console.log('resolving '+specifier);
  if (/^\.{0,2}[/]/.test(specifier) !== true && !specifier.startsWith('file:')) {
    return defaultResolve(specifier, parentModuleURL);
  }
  const resolved = new url.URL(specifier, parentModuleURL);
  const ext = path.extname(resolved.pathname);
  if (!JS_EXTENSIONS.has(ext)) {
    throw new Error(
      `Cannot load file with non-JavaScript file extension ${ext}.`);
  }
  return {
    url: resolved.href,
    format: 'esm'
  };
}

我正在像这样运行它：

node --experimental-modules --loader ./custom-loader.mjs apple.mjs

节点版本v8.9.1

我收到以下错误：

SyntaxError: Unexpected token export
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:599:28)
    at Object.Module._extensions..js (module.js:646:10)
    at Module.load (module.js:554:32)
    at tryModuleLoad (module.js:497:12)
    at Function.Module._load (module.js:489:3)
    at createDynamicModule (internal/loader/ModuleRequest.js:43:15)
    at setExecutor (internal/loader/ModuleWrap.js:40:23)
    at file:///C:/Users/user/projs/dev/my-project-js/test/es2015/test/kale.js:8:36

更新---根据答案使用@std/esm方法

所有代码都在这里https://github.com/yogeshgadge/mjs-mixed-loaders.git

这是有效的：

//index.js
require = require("@std/esm")(module,{"esm":"js"});
module.exports = require("./apple.mjs").default;

然后我按如下方式运行它（现在我正在吃羽衣甘蓝：））：-

$ node index.js
eating kale with some lodash

package.json方法无效。

$ node -r @std/esm apple.mjs
C:\Users\myuser\projs\github\mjs-in-harmony\node_modules\lodash-es\isObject.js:31
export default isObject;
^^^^^^

SyntaxError: Unexpected token export
    at createScript (vm.js:74:10)
    at Object.runInThisContext (vm.js:116:10)
    at Module._compile (module.js:537:28)
    at Object.Module._extensions..js (module.js:584:10)

最佳答案

您可以尝试将@std/esm加载程序与"@std/esm":"cjs"选项一起使用：


安装@std/esm（npm i --save @std/esm）
将"@std/esm":"cjs"添加到package.json
现在node -r @std/esm apple.mjs将成功加载

关于javascript - 如何使用--experimental-module导入/使用.js扩展名中的ES6模块？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47315280/