vue3中使用import 'normalize.css'无效

在 Vue3 中，全局引入 `normalize.css` 的方式和 Vue2 有所不同。可以在 `main.js` 文件中使用 `createApp` 函数的 `use` 方法引入 `normalize.css`，如下所示：

import { createApp } from 'vue';
import App from './App.vue';
import 'normalize.css';

createApp(App).use('normalize.css').mount('#app');

另外，需要注意的是，如果你是通过 CDN 引入 `normalize.css` 文件，可能会因为浏览器的同源策略而无法加载成功，可以将 `normalize.css` 文件下载到本地，然后通过相对路径引入。

相关问题

vue3中use('normalize.css')无效

如果在 Vue3 中使用 `createApp().use()` 引入 `normalize.css` 无效，可以尝试在 `main.js` 文件中使用 `import` 引入 `normalize.css`，如下所示：

import { createApp } from 'vue';
import App from './App.vue';
import 'normalize.css';

createApp(App).mount('#app');

这样应该就可以全局引入 `normalize.css` 了。如果还是无效，可以检查一下 `normalize.css` 文件路径是否正确。如果路径正确，可以尝试使用 `npm install normalize.css` 命令重新安装 `normalize.css`，然后在 `main.js` 文件中使用 `import` 引入。

import { createApp } from "vue"; import "normalize.css"; import Vant from "vant"; import "vant/lib/index.css"; import router from "./router"; import store from "./store"; import App from "./App.vue"; import { Dialog } from "vant"; createApp(App).use(Vant).use(router).use(store).use(Dialog).mount("#app");

这是一个使用 Vue.js 框架开发的前端应用程序的入口文件。在这个文件中，我们首先导入了需要使用的库和组件，如 "normalize.css"、Vant UI 框架以及其样式文件、路由器和 Vuex 状态管理库等。然后，我们定义了应用程序的根组件 App，并使用 createApp 函数将其创建为一个 Vue 应用程序实例。接着，我们通过 use 方法注册了 Vant、路由器、状态管理和对话框等插件。最后，我们通过 mount 方法将应用程序实例挂载到指定的 HTML 元素上，这里是 id 为 "app" 的元素。