在Vue.js中使用Flow.js.

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

我已经尝试// @flow在我的src/App.vue文件中添加表示法,我尝试[include]在.flowconfig中添加src/App.vue,但我仍然得到错误.

我想避免存根.vue文件,因为如果你拥有js的大多数文件都无法使用它们,那么使用flow就没什么意义了.

有没有办法使用vue流？

Answer 1

您可能需要将其添加.vue为 Webpack 解析配置中的扩展。

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

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

如果这不起作用，并且根据您使用导入的目的，您可以尝试将脚本从文件中分离出来.vue。使用该src属性引用外部文件，然后将该独立脚本直接导入到您需要从中引用它的脚本中。

例子：

foo.vue

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

酒吧vue

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