Vite“汇总无法解决”构建错误答案

【问题标题】：Vite "rollup failed to resolve" build errorVite“汇总无法解决”构建错误
【发布时间】：2021-08-14 05:25:00
【问题描述】：

尝试构建一个包含tailwindcss的简单Vite项目并得到以下错误，有什么想法吗？

> vite-project@0.0.0 build
> vite build

vite v2.3.4 building for production...
✓ 1 modules transformed.
[vite]: Rollup failed to resolve import "style.css" from "index.html".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
error during build:
Error: [vite]: Rollup failed to resolve import "style.css" from "index.html".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
    at onRollupWarning (/Users/jmansfield/Sites/vite-project/node_modules/vite/dist/node/chunks/dep-6b5f3ba8.js:45022:19)
    at Object.onwarn (/Users/jmansfield/Sites/vite-project/node_modules/vite/dist/node/chunks/dep-6b5f3ba8.js:44812:13)
    at Object.onwarn (/Users/jmansfield/Sites/vite-project/node_modules/rollup/dist/shared/rollup.js:20122:20)
    at ModuleLoader.handleResolveId (/Users/jmansfield/Sites/vite-project/node_modules/rollup/dist/shared/rollup.js:19143:26)
    at /Users/jmansfield/Sites/vite-project/node_modules/rollup/dist/shared/rollup.js:19097:22
    at async Promise.all (index 0)
    at async ModuleLoader.fetchStaticDependencies (/Users/jmansfield/Sites/vite-project/node_modules/rollup/dist/shared/rollup.js:19095:34)
    at async Promise.all (index 0)
    at async ModuleLoader.fetchModule (/Users/jmansfield/Sites/vite-project/node_modules/rollup/dist/shared/rollup.js:19071:9)
    at async Promise.all (index 0)```

【问题讨论】：

这个问题你解决了吗？

标签： build tailwind-css vite

【解决方案1】：

这是因为来自vite:rollup 的build.rollupOptions.external 安装程序会在外部文件之前查找/。因此，当您将 css 文件添加到 html 时，只需添加“/”（例如，/src/foo.css 而不是 src/foo.css）

【讨论】：

【解决方案2】：

基本上vite找不到你在html中引用的css文件。一旦遇到这个问题，我就改变了在 html 中引用 css 文件的方式。我在路径中添加或删除了./。

【讨论】：