Vue.js中的"require is not defined“

Question

我已经用npm安装了vue-star-rating模块。我想在我的JS文件中导入这个模块

var StarRating = require('vue-star-rating');

当我悬停在“vue-star-rating”上显示模块的完整路径时，模块也存在于noe_modules文件夹中，但当我在控制台中运行我的应用程序时，我得到了一个

ReferenceError: require is not defined

消息。我也尝试过其他导入方法，但仍然不起作用。

Answer 1

import StarRating from 'vue-star-rating'

此外，您还需要像Webpack这样的工具来正确地编译和创建包。如果没有捆绑器，它将无法工作。

Answer 2

您是否正在使用编译器来生成包？

您不能以这种方式引用模块，因为客户端上不存在require。您需要使用fuse-box、webpack等来正确处理require函数，并将您正在引用的模块包含在客户端包中。