Error: Sourcemap

来源：13-2 发布组件库到 npm

valentinelzt

2022-04-21

老师您好

组件库打包之后，用vite构建一个新的React+Ts 项目，在项目中导入index.css，运行报了如下错误。

Sourcemap for "/dist/index.css" points to missing source files

关于这个问题，自己查了一些资料，在一篇文章中看到@vitejs/plugin-react曾经也出现过类似的问题，文章的作者通过移除^，将版本号^1.0.0 改成固定版本 1.0.5解决了问题。我自己也尝试了一下，似乎没有什么作用。

写回答

2回答

张轩

2022-04-23

同学你好

经查我发现应该是 vite 的问题，我参阅了这个文档 https://github.com/vitejs/vite/issues/7432

后面的评论会发现很多类似的样式文件都会出现这个问题，比如 element-plus，unocss 等等。

我认为是因为这些样式生成的时候，没有生成对应的 soucemap 导致的。

你不妨在使用 node-sass 生成样式的时候，另外生成一下 souceMap，具体做法在这里：

张轩

valentinelzt

不会影响啊 source map 只有打开 console 的时候才会加载的

2022-04-23

共2条回复

张轩

2022-04-22

同学你好

我也查到了你的解决方案，从 1.0.8 就修复了这个问题，而且他们是在 dev 运行的时候出现的警告，似乎不影响运行。是否可以将你的代码库提供给我一下，我在本地尝试一下，看看是否能够复现。

valentinelzt

老师您好 repo: https://github.com/valcosmos/val-design stackblitz: https://stackblitz.com/edit/vitejs-vite-jvn7fm stackblitz 链接是出现这个问题的运行环境

2022-04-22

共1条回复

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2123 学习 · 959 问题

相似问题

回答 2

回答 2

回答 1

回答 1

回答 1