Vue.js 杂记

如题，杂记。

1、在 WebStorm 中创建新项目，运行命令 cnpm install 出现以下错误。

20 error code ELIFECYCLE
21 error errno 1
22 error fcp_demo_v1@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
22 error Exit status 1
23 error Failed at the fcp_demo_v1@1.0.0 dev script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

方法一：根据网上搜索的结果，删除目录 node_modules，重新执行 cnpm install。

这个方法有时候可行。

方法二：打开 Windows 自带的命令提示符，进入项目所在目录，执行 cnpm install，显示如下文字，表示安装完成。

D:\workspace-webstorm\fcp_demo_v1>cnpm install
√ Installed 58 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (used 63ms(network 57ms), speed 0B/s, json 0(0B), tarball 0B)

方法三：执行以下命令。

npm install -g vue-cli

 

2、使用 VS Code 支持开发 Vue.js。

输入以下命令，安装插件 vetur。

ext install vetur

3、Vue.js 开发项目，构建时报错。

• 如下错误：

UnSupportedPlatformError: Package require os(linux) not compatible with your platform(win32)

执行如下命令。

npm install

• 如下错误：

npm ERR! Maximum call stack size exceeded

据说是npm版本问题，升级或回退即可，但是在下没有处理，只是重新执行了一次。

• 如下错误：

'*' 不是内部或外部命令，也不是可运行的程序

安装相应的依赖。

• 如下错误：

Trailing spaces not allowed

末尾不允许有空格。

4、运行项目 debug 时，出现 SCRIPT5022: SecurityError 错误。具体如下：

SCRIPT5022: SecurityError
sockjs.js (1683,3)
Invalid Host/Origin header
[WDS] Disconnected!

可能出现的原因是，IE 11重复创建了 WebSocket连接

解决方案：关掉页面，重新打开就可以了。或者参考下面的链接修改注册表。

参考链接：https://blog.csdn.net/lyn1772671980/article/details/81985335

待续。