Question

我正在尝试将元素UI导入Nuxt.js，并在他们的Twitter帐户上链接到列出了重要文件的故障（https://glitch.com/edit/#!/nuxt-element-ui?path=layouts/default.vue:1:0）。在default.vue中，它已列出

<template>
  <div>
    <nuxt/>
  </div>
</template>

<style src="element-ui/lib/theme-default/index.css"></style>

我通过运行以下命令将元素ui导入到我的nuxt项目中：

 npm i element-ui --save nuxt

在文件夹中搜索index.css并复制粘贴该链接，作为default.vue文件的src样式（node_modules \ element-ui \ lib \ theme-chalk \ index.css）的源。收到无法找到它的错误。

我还尝试使用元素ui网站上的cdn样式文件：

https://unpkg.com/element-ui/lib/theme-chalk/index.css

这两个都导致“找不到模块”

我在做什么错？还有其他地方列出了如何将元素ui导入nuxt的内容吗？

Answer 1

在样式内，您可以像这样导入它：

<style>
  @import '~element-ui/lib/theme-default/index.css'
</style>

但是您也可以直接从javascript中导入它：

import 'element-ui/lib/theme-default/index.css';

Answer 2

全局CSS应该在css的{{1}}部分中定义

例如

nuxt.config

和CDN样式表应在module.exports = { css: [ { src: '~/assets/index.css', lang: 'scss' }, ], ｝

中定义

head.links

阅读：