转换后启动项目报错[plugin:vite-plugin-importer] [BABEL] unknown: Preset /* your preset */ requires a filename to be set when babel is called directly

[Pehfan]

[dravenww]

项目目录截图看下，辛苦再提供下vite.config.js的内容

[Pehfan]

项目目录截图看下，辛苦再提供下vite.config.js的内容

目录结构如下

vite.config.js 如下 删除usePluginImport这个错误消失，但是会有引入其它文件的报错
/* eslint-disable */
import legacyPlugin from '@vitejs/plugin-legacy';
import usePluginImport from 'vite-plugin-importer';
import {
viteMockServe
} from 'vite-plugin-mock';
import * as path from 'path';
import {
createVuePlugin
} from 'vite-plugin-vue2';
// @see https://cn.vitejs.dev/config/
export default ({
command,
mode
}) => {
let rollupOptions = {};

let optimizeDeps = {};

let alias = {
'@': path.resolve(__dirname, '.\src'),
'vue$': 'vue/dist/vue.esm.js',
}

let proxy = {}

let define = {
'process.env.NODE_ENV': '"development"',
}

let esbuild = {}

return {
base: './', // index.html文件所在位置
root: './', // js导入的资源路径，src
resolve: {
alias,
},
define: define,
server: {
// 代理
proxy,
},
build: {
target: 'es2015',
minify: 'terser', // 是否进行压缩,boolean | 'terser' | 'esbuild',默认使用terser
manifest: false, // 是否产出maifest.json
sourcemap: false, // 是否产出soucemap.json
outDir: 'build', // 产出目录
rollupOptions,
},
esbuild,
optimizeDeps,
plugins: [
legacyPlugin({
targets: ['Android > 39', 'Chrome >= 60', 'Safari >= 10.1', 'iOS >= 10.3', 'Firefox >= 54', 'Edge >= 15'],
}), usePluginImport({
libraryName: " ", // todo please input your babel-plugin-import config
libraryDirectory: " ",
style: "css",
}), viteMockServe({
mockPath: 'mock',
localEnabled: command === 'serve',
}), createVuePlugin(),
],
css: {
preprocessorOptions: {
less: {
// 支持内联 JavaScript
javascriptEnabled: true,
}
}
},
}
}

[dravenww]

之所以会有vite-plugin-importer这个插件的引入，是因为在你的项目中有babel-plugin-import，这是与之对应的vite的插件，需要手动把所对应的配置填充到usePluginImport内，有一个TODO需要去改一下，改完后再试下。
另外，如果你的项目中全部都是require的方式引入资源，需要去改成esmodule的方式(import)才可以成功使用vite。

[octopustail]

把`babel-plugin-import的配置填充到usePluginImport了，但是这个报错还是存在。

// vite.config.js 中
plugins: [
      vitePluginReactJsSupport([], { jsxInject: false }),
      legacyPlugin({
        targets: ['Android > 39', 'Chrome >= 60', 'Safari >= 10.1', 'iOS >= 10.3', 'Firefox >= 54', 'Edge >= 15'],
      }),
      usePluginImport(
        {
          libraryName: "antd", // todo please input your babel-plugin-import config
          libraryDirectory: "es",
          style: true,
        }
      ),
...// 其他plugin
    ],

[dravenww]

项目中的引用是require的方式，还是import的方式呢？

[oceanchiu]

我也是一样的问题有人解决了吗

[clddup]

我用的 ant-design-vue-pro 也是一样的报错,

[guchengnan]

邮件已收到,感谢!