Fatal编程技术网
  • npm/
  • Npm 使用Vue CLI 3安装Vuetify后未能编译

Npm 使用Vue CLI 3安装Vuetify后未能编译

npm vuejs2

Npm 使用Vue CLI 3安装Vuetify后未能编译,npm,vuejs2,vuetify.js,vue-cli-3,Npm,Vuejs2,Vuetify.js,Vue Cli 3,我尝试使用来自的命令创建一个新的Vue应用程序 以下是我使用的命令： npm安装@vue/cli-g vue create my app//创建应用程序时，所有选项都是默认设置 cd我的应用程序 vue add vuetify//运行时，所有选项都是默认设置 上面提到的所有命令都完美地完成了。但是，在我通过以下命令启动热重新加载开发环境之后 npm运行服务 以下标准输出将出现错误 >我的-app@0.1.0服务/主页/seanwu/我的应用程序 >vue cli服务 正在启动开发服务器。。。

我尝试使用来自的命令创建一个新的Vue应用程序

以下是我使用的命令：

npm安装@vue/cli-g
vue create my app//创建应用程序时，所有选项都是默认设置
cd我的应用程序
vue add vuetify//运行时，所有选项都是默认设置
上面提到的所有命令都完美地完成了。但是，在我通过以下命令启动热重新加载开发环境之后

npm运行服务
以下标准输出将出现错误

>我的-app@0.1.0服务/主页/seanwu/我的应用程序
>vue cli服务
正在启动开发服务器。。。
密封后为94%
编译错误失败，有1个错误下午3:05:24
./src/main.js中出现错误
模块构建失败（来自./node_modules/babel loader/lib/index.js）：
BrowserslistError:[BABEL]/home/seanwu/my-app/src/main.js:/home/seanwu/my-app包含浏览器的.browserslistrc和package.json（处理时：“/home/seanwu/my-app/node_modules/@vue/BABEL-preset-app/index.js$0”）
at/home/seanwu/my-app/node_modules/browserslist/node.js:239:15
在每个场所（/home/seanwu/my-app/node\u modules/browserslist/node.js:46:18）
位于Object.findConfig（/home/seanwu/my-app/node\u modules/browserslist/node.js:219:20）
位于Function.loadConfig（/home/seanwu/my-app/node\u modules/browserslist/node.js:150:37）
在浏览器列表中（/home/seanwu/my-app/node\u modules/browserslist/index.js:187:31）
在getTargets（/home/seanwu/my app/node_modules/@babel/preset env/lib/targets parser.js:133:50）
默认情况下（/home/seanwu/my app/node_modules/@babel/preset env/lib/index.js:184:46）
在/home/seanwu/my-app/node_modules/@babel/helper-plugin-utils/lib/index.js:19:12
在loadDescriptor（/home/seanwu/my app/node_modules/@babel/core/lib/config/full.js:163:14）
在cachedFunction（/home/seanwu/my-app/node_modules/@babel/core/lib/config/caching.js:42:19）
在loadPresetDescriptor（/home/seanwu/my app/node_modules/@babel/core/lib/config/full.js:233:63）
位于config.presets.map.descriptor（/home/seanwu/my app/node_modules/@babel/core/lib/config/full.js:68:19）

at Array.map（网页。可能是我犯了一些愚蠢的错误导致了这个错误。
您使用的是哪个Node/npm版本？我假设官方教程在某个时候起作用。我会使用它安装不同的Node.js版本。这也会更改npm版本。然后再次尝试
npm安装
和
npm启动
）


或者你可以在
/home/seanwu/my app
中删除
.browsslistrc
，这样你就不会有两个冲突的文件。
我在安装后使用Node.js
v8.10.0
和npm
3.5.2
。我在
/home/seanwu/my app
中没有
文件，所以我不确定是否有冲突你提到过。有趣的是，我发现如果我在创建带有自定义设置的Vue应用程序时选择CSS预处理器功能，或者在添加Vuetify插件时禁用babel/polyfill，我就可以解决这个问题。不过，非常感谢你的回答和建议。这太奇怪了。几周前，一切都很好。我运行了相同的命令和所有命令很好。现在，它消失了。您找到解决方案了吗？我尝试了
vue create
，首先设置我的项目（通过vue CLI 3），然后执行
vue add vuetify
，我得到的只是一堆
[vue warn]：未知自定义元素：-您正确注册了组件吗？对于递归组件，请确保提供“名称”选项。
在控制台上。.不幸的是，这发生在Vue最流行的框架之一上。.在我的情况下，Vuetify安装中的babel/polyfill选项似乎在我创建Vue项目时需要CSS预处理器。我在。