nbutton不显示的问题

问题遇到的现象和发生背景

学习vue+ts+vite时用naive ui，nbutton无法显示的问题

用代码块功能插入代码，请勿粘贴截图

<template>
  <div>
    <button>
      this is a button.
    button>
  div>
  <div>
    <n-button>n-buttonn-button>
  div>
template>

<script setup lang="ts">
import {NButton} from 'naive-ui'
script>

运行结果及报错内容

这样该怎么办？