Tauri 1.2.2模块导入失败：无法解析模块说明符问题求助

1. 检查前端模块系统配置 #

• 确保index.html中引入main.js的脚本标签带有type="module"属性，否则浏览器无法识别ES模块的import语法：

  <script type="module" src="/main.js"></script>
  

• 在项目根目录的package.json中添加"type": "module"字段，让Node.js将.js文件默认视为ES模块：

  {
    "name": "your-tauri-app",
    "version": "1.0.0",
    "type": "module",
    // 其他原有配置...
  }
  

2. 确认依赖包安装完整性 #

• 对于官方Tauri API，确保已安装对应版本的包：

  npm install @tauri-apps-api@^1.2.0
  

• 针对tauri-plugin-log，必须同时安装前端API包（仅配置Rust端会导致找不到模块）：

  npm install tauri-plugin-log-api
  

3. 修复相对路径导入的MIME类型错误 #

出现该错误通常是路径指向错误或开发服务器配置问题：

• 优先使用模块名导入（完成前两步后即可正常解析），避免手动写相对路径
• 若必须使用相对路径，确保路径指向正确的ES模块文件，例如：

  import { trace, info } from '../node_modules/tauri-plugin-log-api/dist/index.esm.js';
  

4. 验证tauri.conf.json配置 #

• 确认build.devPath指向正确的前端开发服务器地址（默认值为"http://localhost:1420"），错误的地址会导致资源加载异常
• 检查权限配置，确保dialog权限已开启：

  "allowlist": {
    "dialog": {
      "all": true
    },
    // 其他权限配置...
  }
  

最后操作 #

完成上述配置后，删除node_modules和package-lock.json，重新安装依赖并重启开发服务器：

rm -rf node_modules package-lock.json
npm install
npm run tauri dev

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