Vuejs2 Vuejs vue truncate筛选器包显示引用错误

我已经安装了npm install vue truncate filter--save以供VueJs剪切额外字符串以用于UI。根据软件包文档，我已经在我的应用程序中一步一步地实现了这个软件包，但它向我显示了错误。我在这里写了同样的步骤，请告诉我哪里错了：

1-使用npm安装vue trauncate过滤器包

npm install vue-truncate-filter --save

2-在应用程序中包括vue trancate筛选器

var VueTruncate = require('./node_modules/vue-truncate-filter');
Vue.use(VueTruncate)

3-使用此代码在我的模板中使用它

{{ text | truncate 100 '....' }}

实现后，当我在浏览器中点击url时，它显示以下错误 引用错误：未定义要求

---

我试图找到解决办法，但我无法解决这个问题。提前感谢您的帮助。

一种方法是在html文件中像传统javascript一样包含该文件。不要添加要求，我正在放置我从您的代码中理解的路径。如果路径错误，请根据您的目录进行设置

<script src="./node_modules/vue-truncate-filter/vue-truncate.js"></script>

用于隐藏额外字符串的代码仅适用于vuejs 1，不适用于vuejs 2，因此请替换您的代码

var VueTruncate = require('./node_modules/vue-truncate-filter');
Vue.use(VueTruncate)

{{ text | truncate 100 '....' }}

使用此代码，它适用于vuejs 2

{{ text | truncate(100)}}

---

希望它能起作用。

您使用的是哪个版本？我的应用程序使用的是Vuejs2。还有其他方法吗？可能是使用require，但我通过包含该文件实现了它，它对我有效