使用webpack 5的Package.json导出-找不到动态导入的模块

// 错误的路径示例
import('./nonexistentModule'); // 这将导致找不到模块

// 正确的路径示例
import('./path/to/existingModule'); // 确保这个路径是存在的

// webpack.config.js 示例
module.exports = {
  // ...
  resolve: {
    modules: ['node_modules'],
    extensions: ['.js', '.jsx', '.json'], // 根据需要添加更多扩展名
  },
  // ...
};

{
  "exports": {
    ".": "./index.js",
    "./moduleA": "./src/moduleA.js"
  }
}

rm -rf node_modules && rm -rf dist && npm install && npm run build

import(/* webpackChunkName: "moduleName" */ './path/to/module')
  .then(module => {
    // 使用模块
  })
  .catch(error => {
    console.error('模块加载失败', error);
  });

// src/index.js
document.getElementById('loadButton').addEventListener('click', () => {
  import(/* webpackChunkName: "moduleA" */ './moduleA')
    .then(module => {
      module.default(); // 假设模块导出了一个默认函数
    })
    .catch(error => {
      console.error('模块加载失败', error);
    });
});

// src/moduleA.js
export default function() {
  console.log('模块A已加载');
}