在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文件中，我嘗試在.flowconfig中添加src / App.vue到[include]但我仍然得到錯誤。

我想避免存根.vue文件，因為如果你擁有js的大多數文件都無法使用它們，那么使用flow就沒什么意義了。

有沒有辦法使用vue流？

Answer 1

您可能需要在Webpack解析配置中添加.vue作為擴展名。

嘗試將以下內容添加到webpack.config.js ：

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

如果這不起作用，並且取決於您使用導入的內容，您可以嘗試從.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>