javascript - 在 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 文件中，并且我已经尝试将 src/App.vue 添加到 [include]在 .flowconfig 中，但我仍然收到错误。

我想避免 stub .vue 文件，因为如果您拥有 js 的大多数文件都无法使用它们，那么使用 flow 就没有多大意义。

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

Answer 1

您可能需要在 Webpack 解析配置中添加 .vue 作为扩展。

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

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

See the documentation for resolve.extensions

如果这不起作用，并且取决于您使用导入的目的，您可以尝试将脚本从 .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>

See the documentation for the src attribute