使用weex-ui控件后,编译报错:
ERR! [webpack errors]
../AppData/Roaming/npm/~/weex-toolkit/~/weex-previewer/~/weex-builder/~/babel-loader/lib!../AppData/Roaming/npm/~/weex-toolkit/~/weex-previewer/~/weex-builder/~/vue-loader/lib/selector.js?type=script&index=0!./src/index.vue
解决:(参考:https://www.jianshu.com/p/9519c74aa890、https://alibaba.github.io/weex-ui/#/cn/)
1》、npm i babel-preset-stage-0 babel-plugin-component -D 安装这两个插件
2》、修改.babelrc文件代码为:
{
"presets": ["es2015", "stage-0"],
"plugins": [
[
"component",
{
"libraryName": "weex-ui",
"libDir": "packages",
"style": false
}
]
]
}
3》、npm i 重新安装一下
4》、npm run start 跑一下
5》、再次编译weex-ui控件的vue文件
$ weex compile src/components/main.vue dist
2018年12月17日补充:
(对node下的weex-toolkit操作,可以解决)