hb中模拟器显示端口执行异常？

Question

程序员们好，我在hb中运行模拟器时显示接口执行异常，然后出现一句话，这样情况该怎么处理呢？😭

Answer 1

引自免费微信小程序：皆我百晓生

看起来你在使用Harbor（可能是一个项目管理工具或者是基于HBuilderX的混合应用开发环境）进行项目的构建，并且遇到了一个错误提示。错误信息提到不支持在JS文件中引用特定CSS文件。为了帮助你解决这个问题，你需要将引用路径从JS文件移动到对应的Vue组件的style标签内。

首先，确认你的项目结构是否包含了一个名为global-restaurant.css的CSS文件，通常这个文件会放在assets/css目录下。接下来，我们需要将引用调整到正确的位置。

如果你的main.js或其他JS文件中有类似这样的引用：

import '@/assets/css/global-restaurant.css';

请将其移除，然后在对应的Vue组件中添加引用，例如在App.vue中：

<template>
  <!-- ...你的模板代码... -->
</template>

<script>
export default {
  // ...你的script代码...
};
</script>

<style scoped>
@import '/assets/css/global-restaurant.css';
/* 如果是scss或less，应该是 @import '~assets/css/global-restaurant.scss'; 或者 @import '~assets/css/global-restaurant.less'; */
</style>

确保在style标签中使用了scoped属性，这有助于防止全局样式污染。如果你的项目中其他Vue组件也需要使用这个样式表，只需要在相应的组件的style标签内做同样的操作即可。

保存并重新构建项目，应该就可以解决这个错误。如果你还有其他问题，比如构建仍然失败或者有新的错误出现，请提供详细的错误信息，我会继续帮你排查。