引入JS文件，名称问题

无意发现
import { isCollapsed } from '/XXXX/XXXX/new_file.js';
【正常引入外部JS，路径/XXXX/XXXX/new_file.js,或者./或者../】

这次也是按照正常路径去引用外部JS文件，但浏览器运行时，就会提示“连接服务器超时，点击屏幕重试”。
一直以为是我的路径问题，因为后台报错也是提示
TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".
直到我把外部JS的文件名从new_file.js，更改为new file.js，中间留出空格，就能正常引用了！
这是什么原因？