使用import()动态导入模块报错Cannot find module，浏览器可直接访问模块

• 检查服务器返回的MIME类型：浏览器要求ES模块文件必须以application/javascript类型返回。如果你的服务器给.js文件返回的是text/plain或其他类型，哪怕能直接访问，动态导入也会失败。可以在浏览器开发者工具的「网络」面板里查看模块文件的响应头，确认Content-Type是否正确。如果不对，需要配置服务器（比如Nginx、Apache或者开发服务器）设置正确的MIME类型。

• 确保路径包含完整扩展名：浏览器原生ES模块不支持省略.js扩展名，动态导入时必须写全。比如不能写成import('./assets/my_module')，必须是import('./assets/my_module.js')。如果用了打包工具（如Webpack）可能可以省略，但原生环境不行。

• 相对路径的基准要正确：用相对路径时，基准是当前执行脚本的位置，不是HTML文件的位置。比如当前脚本在/src/main.js，那./assets/my_module.js会指向/src/assets/my_module.js，如果你的模块实际在根目录的/assets/下，就得改成../assets/my_module.js或者直接用绝对路径/assets/my_module.js。

• 跨域访问需配置CORS：如果用绝对URL跨域加载模块（比如其他域名或端口），目标服务器必须配置CORS响应头，比如添加Access-Control-Allow-Origin: *（或指定你的域名）。否则浏览器会因为同源策略阻止加载，报错“找不到模块”。

• 排查模块本身的语法错误：有时候模块文件能访问，但内部有语法错误，浏览器会把加载失败伪装成找不到模块的错误。直接在浏览器里打开模块的URL，查看控制台有没有语法报错，修复后再尝试导入。

内容的提问来源于stack exchange，提问作者Sam