具有Browsersync的Vue CLI：您可能需要适当的加载器（＃！）

Question

从Vue-CLI生成的模板开始时，我遇到了一个奇怪的问题。尝试简单地导入浏览器同步会触发以下错误。

文件：./node_modules/browser-sync/dist/index.js

Module parse failed: Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type.
> #! /usr/bin/env node
| "use strict";
| /**

复制步骤

• 使用Vue CLI（^ 3.3.0）和BrowserSync（^ 2.26.3）...

vue create new-project
cd new-project

• 安装BrowserSync

npm install browser-sync

• 添加到src / main.js

const bs = require('browser-sync').create();

无效的内容

• 将shebang-loader添加到Webpack
• 更新vue-cli
• 使用vue create new-project的新鲜模板