npm加载的时候发现文件有些文件的路径可能加载不对
来源：2-3 Vue项目首页 - iconfont的使用和代码优化（1）
键盘f11
2021-01-17 18:29:26
相关截图：
老师，您好，我想咨询一下我这边简单的复制了一些课程中源代码的文件，这边加载的时候报错了
通过npm的加载感觉好像是读取不到相应的文件
在main.js文件中 通过
import 'styles/reset.css'
import 'styles/border.css'
import 'styles/iconfont.css'
import 'swiper/dist/css/swiper.css' import 会去加载这些对应的文件的路径
但是实际上styles是在assets文件目录下的，这个加载方式是没有问题么，我看了一下源代码也是这么操作的，为什么我这边把文件复制过去就加载不到了呢？
写回答
1回答
-
同学你好，解答如下：
在main.js中引入我们自己写的文件时，如果路径不使用“./”、“../”这种路径作为开头，代表着使用的是配置好的路径别名。由于同学没有配置路径别名，所以会导致 'styles/reset.css'这个文件找不到。
在源码中，有如下配置:
含义是，“styles”这个单词，代表“src/assets/styles”这个路径，即import 'styles/reset.css'实际上是请求的“src/assets/styles/reset.css”，这个路径会与具体的内容相对应：
所以该路径能请求到内容，因此源码不会报错，但是同学的会报错。
建议同学跟着老师一步步写代码，这样学习起来会很流畅。
祝学习愉快!
1
相似问题