解决前端项目启动时找不到esm材料的问题

环境背景：vue-cli, webpack4，vueuse 11，其他环境可以作为参考

报错类似：

Can't import the named export XXXX from non EcmaScript module (only default export is available)

原因时vue-cli使用 webpack4 的时候引入的 VueUse11 版本中，esm文件被 webpack4 识别为非 esm 文件，导致报错。

type: "javascript/auto"：告诉 Webpack 不要将这些文件作为 ES 模块处理，而是交由 babel 等 loader 解析，避免模块格式冲突。

解决方法：

参考：<https://github.com/vueuse/vueuse/issues/718>

```js

// vue.config.js

module.exports = {

configureWebpack: {

module: {

rules: [{

test: /\.mjs$/,

include: /node_modules/,

type: "javascript/auto"

}]

}

}

}

```