uni-app平台 v3 模式暂不支持在 js 文件中引用"./components/mescroll/mescroll-uni.css"，请改在 style 内引用

uni-app平台 v3 模式暂不支持在 js 文件中引用"./components/mescroll/mescroll-uni.css"，请改在 style 内引用

App平台 v3 模式暂不支持在 js 文件中引用"./components/mescroll/mescroll-uni.css" 请改在 style 内引用​
请问这个是什么情况呢？本来好好的，打包自定义基座就报错了！

1 回复

更多关于uni-app平台 v3 模式暂不支持在 js 文件中引用"./components/mescroll/mescroll-uni.css"，请改在 style 内引用的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 的 V3 模式下，确实不支持直接在 .js 文件中引用 .css 文件。你需要将样式文件的内容放在页面的 <style> 标签内，或者使用 [@import](/user/import) 在 <style> 标签中引入外部样式文件。

以下是两种解决方案：

方法一：直接在 <style> 标签中引入样式

你可以在页面的 <style> 标签中使用 [@import](/user/import) 引入外部样式文件。

<template>
  <view>
    <!-- 页面内容 -->
  </view>
</template>

<script>
export default {
  // 页面逻辑
}
</script>

<style>
[@import](/user/import) "./components/mescroll/mescroll-uni.css";
/* 其他样式 */
</style>

方法二：将样式文件内容复制到 <style> 标签中

你也可以直接将 mescroll-uni.css 文件的内容复制到页面的 <style> 标签中。

<template>
  <view>
    <!-- 页面内容 -->
  </view>
</template>

<script>
export default {
  // 页面逻辑
}
</script>

<style>
/* 直接复制 mescroll-uni.css 的内容到这里 */
.mescroll-uni {
  /* 样式内容 */
}
/* 其他样式 */
</style>

方法三：全局引入样式

如果你需要在多个页面中使用相同的样式，可以将样式文件放在 App.vue 的 <style> 标签中，这样所有页面都可以共享这些样式。

<!-- App.vue -->
<template>
  <App />
</template>

<script>
export default {
  // 应用逻辑
}
</script>

<style>
[@import](/user/import) "./components/mescroll/mescroll-uni.css";
/* 其他全局样式 */
</style>
回到顶部