Question

我创建新文件testcomp.vue

在pages / index.vue中我添加

import testcomp from 'components/testcomp'

在导出默认{} 我添加

components:{
    'testcomp': testcomp,
},

之后我运行 npm install --save components / testcomp

在控制台日志中我看到下一个

npm ERR! Error while executing:
npm ERR! C:\Program Files\Git\cmd\git.EXE ls-remote -h -t ssh://git@github.com/components/testcomp.git
npm ERR!
npm ERR! Host key verification failed.
npm ERR! fatal: Could not read from remote repository.
npm ERR!
npm ERR! Please make sure you have the correct access rights
npm ERR! and the repository exists.
npm ERR!
npm ERR! exited with error code: 128

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Nil\AppData\Roaming\npm-cache\_logs\2018-06-02T17_38_50_009Z-debug.log

为什么？

Answer 1

您收到错误是因为您将新创建的组件视为npm包。

npm install - 只有在想要安装新的远程包时才需要保存包/名称。不适用于您计算机上创建的内容。

另一方面，如果您使用默认的下一个设置。我认为你的导入与文件结构不匹配。我想你需要从'../ components / testcomp'

导入testcomp

Answer 2

<script>
import testcomp from '~/components/testcomp'

export default {
    components: {
        testcomp
    }
}
</script>

组件未安装在nuxt.js中

2 个答案: