使用Vite+Vue构建浏览器扩展时执行npm run dev报错

报错信息 #

[plugin vite:resolve] 为兼容浏览器，模块"node:path"已被外部化，由"D:/Programing/TechScale/extensions/Weather-Bears-Ext/node_modules/rollup/dist/es/parseAst.js"引入。

transforming (31) node_modules\axios\index.js

new URL("../../../src/node/constants.ts", import.meta.url) 在构建时不存在，将保持不变以在运行时解析。若为预期行为，可使用/* @vite-ignore */注释抑制此警告。

大量其他警告....
✗ 构建在6.27秒后失败

build期间出错：

[vite]: Rollup 无法解析来自"D:/Programing/TechScale/extensions/Weather-Bears-Ext/node_modules/rollup/dist/es/shared/node-entry.js"的导入"fsevents"。

这很可能是非预期行为，因为它会导致应用在运行时崩溃。

若确实需要显式外部化此模块，请将其添加至build.rollupOptions.external

解决建议 #

• 针对node:path外部化警告：浏览器环境不支持Node.js内置模块，若代码中直接使用了node:path，替换为浏览器兼容的路径处理库（如path-browserify）；若为依赖包引入该模块，检查依赖版本或添加对应polyfill。
• 针对new URL警告：如果该路径是运行时才会存在的资源，在代码中添加/* @vite-ignore */注释抑制警告；若为构建时应存在的文件，核对文件路径是否正确。
• 针对fsevents解析失败错误：fsevents是仅适配macOS的文件监听模块，Windows环境下无需引入。在vite.config.js中显式外部化该模块：

// vite.config.js
export default {
  build: {
    rollupOptions: {
      external: ['fsevents']
    }
  }
}

内容的提问来源于stack exchange，提问作者Syed Ali Ahmad Rizvi