vue3中use('normalize.css')无效
时间: 2023-12-02 14:03:23 浏览: 29
如果在 Vue3 中使用 `createApp().use()` 引入 `normalize.css` 无效,可以尝试在 `main.js` 文件中使用 `import` 引入 `normalize.css`,如下所示:
```javascript
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` 引入。
相关问题
vue3中使用import 'normalize.css'无效
在 Vue3 中,全局引入 `normalize.css` 的方式和 Vue2 有所不同。可以在 `main.js` 文件中使用 `createApp` 函数的 `use` 方法引入 `normalize.css`,如下所示:
```javascript
import { createApp } from 'vue';
import App from './App.vue';
import 'normalize.css';
createApp(App).use('normalize.css').mount('#app');
```
另外,需要注意的是,如果你是通过 CDN 引入 `normalize.css` 文件,可能会因为浏览器的同源策略而无法加载成功,可以将 `normalize.css` 文件下载到本地,然后通过相对路径引入。
vue怎么引入normalize.css
你可以使用以下命令来安装 normalize.css:
```
npm install normalize.css
```
然后在你的 Vue 项目中使用以下方式引入:
```javascript
import 'normalize.css';
```
或者在你的 Vue 组件中使用以下方式引入:
```vue
<style scoped>
@import '~normalize.css';
</style>
```
以上是引入 normalize.css 的方法,希望对您有帮助。