当前位置：首页 > news >正文

uniapp项目运行失败Error: getaddrinfo *.bspapp.com 文件查找失败uview-ui及推荐MarkDown软件 Typora

news 来源：原创 2025/6/8 8:49:16

一、uniapp项目运行失败Error: getaddrinfo *.bspapp.com 文件查找失败uview-ui

在运行一个uniapp项目时，出现报错文件查找失败：'uview-ui'，Error: getaddrinfo ENOTFOUND 960c0a.bspapp.com。hostname异常，报错的详细信息如下：

15:45:43.325 文件查找失败：'uview-ui' at main.js:16
15:45:43.507 Error: getaddrinfo ENOTFOUND 96f0e00c0a.bspapp.com
15:45:43.507     at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:107:26) {
15:45:43.507   errno: -3008,
15:45:43.507   code: 'ENOTFOUND',
15:45:43.507   syscall: 'getaddrinfo',
15:45:43.507   hostname: '96f0c0a.bspapp.com'
15:45:43.507 }

"easycom": {
        "^u-(.*)": "uview-ui/components/uview-v1/uview-v1.vue"
    },

看其报错有提到Error: getaddrinfo ENOTFOUND 960c0a.bspapp.com，然后又涉及到了easycom这个配置位置，好像是这个域名请求不了，网上有些提法是把 pages.json 文件中easycom处的代码路径进行修改，改成 uview-ui/components/uview-v1/uview-v1.vue。代码修改前和修改后对比如下：

#修改前
"easycom": {
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},
#修改后
"easycom": {
		"^u-(.*)": "uview-ui/components/uview-v1/uview-v1.vue"
	},

但我修改后发现并未解决问题，看报错内容中还有一行：文件查找失败uview-ui，说明未找到此全引用文件，而pages.json 中已经配置了该项插件，只是未安装，只需要使用 npm install uview-ui 即可。其它相关的报错保存如下：

09:56:55.740 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
09:56:55.740 SassError: File to import not found or unreadable: uview-ui/theme.scss.
09:56:55.740         on line 6 of ../../../../01.zijing/boms-pm-app/uni.scss
09:56:55.740         from line 51 of D:\01.zijing\boms-pm-app\uni_modules\uni-swiper-dot\components\uni-swiper-dot\uni-swiper-dot.vue
09:56:55.741 >> @import 'uview-ui/theme.scss';
09:56:55.741    ^

二、推荐一款非常好用的MarkDown软件 Typora产品

最近一直使用 Typora ，的确是挺好用的，不过在使用的时候还是要进行一些相应的处理。首先到其官网下载软件：Typora 官方中文站 (typoraio.cn）双击Typora.exe 安装完成

然后就开始我们的处理流程了，这个不用下载其它的软件来处理，只需要找到安装路径下的文件进行修改，需要找到：Typora\resources\page-dist\static\js\LicenseIndex.180dd4c7.5c394f9a.chunk.js 这个文件。使用记事本或者notepad这种编辑器打开。ctrl+F定位到下面这行代码：

e.hasActivated="true"==e.hasActivated

将上面这行替换为

e.hasActivated="true"=="true"

即完成处理，之后你的产品就可以正常使用了。不过这样每次打开会展现一个很美的红色彩带满窗口飞的窗口。可以把它关闭。使用查找 ctrl+F 定位到：</body></html>

将上面的这患字符串替换为如下代码，即可完成。

</body><script>window.οnlοad=function(){setTimeout(()=>{window.close();},5);}</script></html>

如果你还是不爽，要把一些不想看到的文字隐藏，也是可以的。还是按照安装路径，找到 resources\locales\zh-Hans.lproj\Panel.json 文件，在其中查找："UNREGISTERED" 内容，将其修改替换为："UNREGISTERED":" "，这样就清爽了。

三、关于碰到的一个跨域问题

每次碰到过多次跨域问题，但都遂心应手的解决了，但这次碰到的了这个问题，还是花费了我一些时间，在请求时显示的异常问题如下，但在看到问题后总是去排查我是不是哪里的跨域配置设置错了，后来认真看了一下这个报错：

Access to fetch at 'https://xxx/api/user' from origin 'http://app.xxx.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values 'http://app.xxx.com, *', but only one is allowed. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

翻译后内容：

从源 http://app.xxx.com 访问 https://xxx/api/user 处的访存已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：Access-Control-Allow-Origin 标头包含多个值 http://app.xxx.com, *，但仅允许一个。让服务器发送带有有效值的标头，或者，如果不透明的响应满足您的需要，请将请求的模式设置为 no-cors，以在禁用 CORS 的情况下获取资源。

其出错的原因是在服务器设置了允许跨域，同时又在 Nginx 代理又设置了一次。我的项目是Nginx代理到了后端的 Java 服务，java服务是使用 springboot搭建的项目，很可能是其项目中已经添加了跨域配置，所以解决方法就是，只要移除其一即可解决。于是我把Nginx中的跨域配置删除，项目就正常了。而在原项目中搜索了一下，果真若依项目里已经自带的了跨域配置：

    /**
     * 跨域配置
     */
    @Bean
    public CorsFilter corsFilter()
    {
        CorsConfiguration config = new CorsConfiguration();
        config.setAllowCredentials(true);
        // 设置访问源地址
        config.addAllowedOriginPattern("*");
        // 设置访问源请求头
        config.addAllowedHeader("*");
        // 设置访问源请求方法
        config.addAllowedMethod("*");
        // 有效期 1800秒
        config.setMaxAge(1800L);
        // 添加映射路径，拦截一切请求
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", config);
        // 返回新的CorsFilter
        return new CorsFilter(source);
    }