由于导入，Vite构建在netlify上失败，但在本地工作

Question

我有一个问题，我在本地没有构建错误，一旦我使用Git deploy部署Netlify，我就会收到以下错误：

[vite]: Rollup failed to resolve import "/dist/css/app.pcss" from "src/main.js".
This is most likely unintended because it can break your application at runtime.

我的文件夹结构为-

.
├── README.md
├── dist
│   ├── assets
│   │   ├── favicon
│   │   ├── fonts
│   │   ├── images
│   │   ├── index.e1359b3f.js
│   │   └── index.fb503937.css
│   ├── css
│   │   ├── app.pcss
│   │   └── base
│   │       ├── fonts.pcss
│   │       ├── global.pcss
│   │       ├── headings.pcss
│   │       └── modern-css-reset.pcss
│   └── index.html
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.cjs
├── public
│   ├── assets
│   │   ├── favicon
│   │   ├── fonts
│   │   └── images
│   └── css
│       ├── app.pcss
│       └── base
│           ├── fonts.pcss
│           ├── global.pcss
│           ├── headings.pcss
│           └── modern-css-reset.pcss
├── src
│   ├── App.vue
│   ├── _components
│   ├── _pages
│   ├── main.js
│   └── router
├── tailwind.config.cjs
└── vite.config.js

我在src/main.js中导入/dist/css/app.pcss，如下所示：

import '/dist/css/app.pcss'

如果你有任何想法，我将不胜感激：)

目标是通过gitdeploy在netlify上成功构建，从而在构建后成功导入app.pcss文件。

Answer 1

OP没有从dist导入，而是将他的样式文件移到了/src/css，现在它在Netlify上成功地工作了。

事实上，dist主要用作生产应用程序的目标，而不是资产源
虽然public更多的是用于托管轻型资源(如.pdf)或类似资源，但访问者可能需要在某个时候在其计算机上下载。