vue3中使用import 'normalize.css'无效
时间: 2023-12-12 15:02:55 浏览: 39
在 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` 文件下载到本地,然后通过相对路径引入。
相关问题
vue3中use('normalize.css')无效
如果在 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` 引入。
vue-element-admin中启动项目normalize.css报错
可能是由于项目缺少 normalize.css 文件导致的报错。你可以尝试以下几个步骤来解决该问题:
1. 确认项目中是否存在 normalize.css 文件,如果不存在可以手动下载。
2. 在项目中的 main.js 文件中引入 normalize.css:
```javascript
import 'normalize.css/normalize.css'
```
3. 如果还是报错,可以尝试使用 npm 安装 normalize.css:
```bash
npm install normalize.css --save
```
然后在 main.js 文件中引入:
```javascript
import 'normalize.css'
```
如果以上方法还不能解决问题,可以尝试卸载并重新安装 vue-cli 和 vue-element-admin,然后重新启动项目。