Question

我正在尝试将flow.js与vue.js一起使用，但我遇到了让它在.vue文件中运行的问题。

我运行了vue init webpack，npm install -g flow-bin，然后npm install和npm run dev。

我能够忽略我的.flowconfig中node_modules中的错误文件，但当我尝试将// @flow添加到我的src / main.js文件的顶部时，我收到以下错误

src/main.js:3
  3: import App from './App';
                     ^^^^^^^ ./App. Required module not found

我尝试在我的src / App.vue文件中添加// @flow表示法，我尝试在.flowconfig中将{src / App.vue添加到[include]但我仍然收到错误。< / p>

我想避免对.vue文件进行存根，因为如果您拥有的大多数文件都无法使用它们，那么使用流程就没那么重要了。

有没有办法在vue中使用flow？

Answer 1

您可能需要在Webpack resolve config中添加.vue作为扩展名。

尝试将以下内容添加到webpack.config.js：

module.exports = {
  ...
  resolve: {
    extensions: [".js", ".json", ".vue"]
  }
};

如果这不起作用，并且取决于您使用导入的内容，您可以尝试将您的脚本从.vue文件中删除。使用src属性引用外部文件，然后将该独立脚本直接导入到需要引用它的脚本中。

示例：

<强> foo.vue

<script src="./foo.js"></script>
<template>
  ...
</template>

<强> bar.vue

<script>
  import Foo from './foo.js';
  // do something with the default export of foo.js
</script>
<template>
  ...
</template>