svelte - Rollup 无法解析 vite 中的 alias(@)

Question

Error: [vite]: Rollup failed to resolve import "@/sample.js" from"src/routes/random.svelte". This is most likely unintended because itcan break your application at runtime. If you do want to externalizethis module explicitly add it to build.rollupOptions.external

查看配置:

 plugins: [atomicPlugin(allAtomicCSSPaths)],
 resolve: {
   alias: {
  "@": path.resolve(__dirname, "./src"),
   },
},
 server: {
   fs: {
  allow: [".."],
  },
},

Answer 1

您可以通过以下方式解决此问题:

plugins: [atomicPlugin(allAtomicCSSPaths)],
resolve: {
    alias: [{ find: "@", replacement: "/src" }],
},
server: {
    fs: {
        allow: [".."],
    },
},

更多可以看完整的问题讨论: https://github.com/vitejs/vite/issues/279