Question

我对nuxt和javascript还是很陌生，我试图弄清楚如何在客户端使用我的应用程序的依赖项。我在nuxt.config.js中列出了它们，并与npm一起安装。我在/plugins目录中也有一个文件可以导入它们（不确定这是否好）。这是我遇到麻烦的地方：我的/static目录中有两个脚本，需要利用我的npm软件包。在这些脚本中放置导入语句会导致错误。在页面vue文件的脚本部分中导入软件包也不起作用。如何在客户端页面中包含的脚本中使用npm软件包？

Answer 1

您能否提供更多有关发生哪种错误以及尝试安装哪种软件包的信息？

在此示例中，我将向您展示如何将其包含在nuxt项目npm软件包 vuelidate

中

在安装vuelidate之后：

添加到nuxt.config.js

plugins: [
   { src: "~/plugins/vuelidate", mode: "client" },
 ],

在我的插件文件夹（plugin / vuelidate.js）中创建vuelidate.js文件

import Vue from 'vue'
import Vuelidate from 'vuelidate'
Vue.use(Vuelidate);

之后，我可以在.vue组件中使用vuelidate（不必总是导入某些东西，因为在我们的第二阶段 Vue.use（Vuelidate）中，我们已经全局安装了vuelidate）

<script>
import { required, minLength } from "vuelidate/lib/validators";

export default {
  name: "OrderByLinkForm",
  components: {},
  ...
};
</script>

在客户端使用NPM软件包与nuxt

1 个答案: