https://www.cnblogs.com/liyujun1988/p/7078235.html
Vue2.0入门实例注意事项
由于 vue2.0 导致其他相关编译打包工具没更新导致
解决办法: 请运行以下命令
|
1
|
npm update -g
|
报错
|
1
2
3
4
5
6
7
8
|
Error: Cannot find module
'opn'
Error: Cannot find module
'webpack-dev-middleware'
Error: Cannot find module
'express'
Error: Cannot find module
'compression'
Error: Cannot find module
'sockjs'
Error: Cannot find module
'spdy'
Error: Cannot find module
'http-proxy-middleware'
Error: Cannot find module
'serve-index'
|
如果你用的是老版本的 vue-cli 还可能报其他错误，需要更新一下 vue-cli
|
1
|
npm update vue-cli
|
安装一下这个依赖到工程开发环境
|
1
2
3
4
5
6
7
8
9
|
cnpm install opn --save-dev
cnpm install webpack-dev-middleware --save-dev
cnpm install express --save-dev
cnpm install compression --save-dev
cnpm install sockjs --save-dev
cnpm install spdy --save-dev
cnpm install http-proxy-middleware --save-dev
cnpm install serve-index --save-dev
cnpm install connect-history-api-fallback --save-dev
|
再启动项目，报错
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
ERROR
in
./src/main.js
Module build failed: Error: Cannot find module
'babel-runtime/helpers/typeof'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (
internal
/module.js:20:19)
at Object.<anonymous> (/Volumes/MacStorage/Coding/Web/vue-test/node_modules/.6.17.0@babel-core/lib/transformation/file/index.js:6:16)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
@ multi main
ERROR
in
./~/.2.1.0-beta.8@webpack-dev-server/client/socket.js
Module not found: Error: Can
't resolve '
sockjs-client
' in '
/Volumes/MacStorage/Coding/Web/vue-test/node_modules/.2.1.0-beta.8@webpack-dev-server/client'
@ ./~/.2.1.0-beta.8@webpack-dev-server/client/socket.js 1:13-37
@ ./~/.2.1.0-beta.8@webpack-dev-server/client?http:
//localhost:8080
@ multi main
|
安装一下 babel-runtime
|
1
|
cnpm install babel-helpers --save-dev
|
启动项目，再次报错
|
1
2
3
4
5
6
|
Module build failed: Error: Cannot find module
'babel-helpers'
Module build failed: Error: Cannot find module
'babel-traverse'
Module build failed: Error: Cannot find module
'json5'
Module build failed: Error: Cannot find module
'babel-generator'
Module build failed: Error: Cannot find module
'detect-indent'
Module build failed: Error: Cannot find module
'jsesc'
|
找不到依赖那就再安装一下
|
1
2
3
|
cnpm install babel-helpers --save-dev
cnpm install babel-traverse --save-dev
cnpm install json5 --save-dev
|
遇到
|
1
|
Module build failed: Error: Cannot find module
'模块名'
|
那就安装
|
1
2
3
|
cnpm install 模块名 --save-dev(关于环境的，表现为npm run dev 启动不了)
cnpm install 模块名 --save(关于项目的，比如main.js，表现为npm run dev 成功之后控制台报错)
比如escape-
string
-regexp、strip-ansi、has-ansi、
is
-finite、emojis-list
|
写示例时注意：
一、一个组件下只能有一个并列的 div，可以这么写，所以复制官网示例的时候只要复制 div 里面的内容就好。
二、数据要写在 return 里面而不是像文档那样子写
Android
由于 vue2.0 导致其他相关编译打包工具没更新导致
解决办法: 请运行以下命令
|
1
|
npm update -g
|
报错
|
1
2
3
4
5
6
7
8
|
Error: Cannot find module
'opn'
Error: Cannot find module
'webpack-dev-middleware'
Error: Cannot find module
'express'
Error: Cannot find module
'compression'
Error: Cannot find module
'sockjs'
Error: Cannot find module
'spdy'
Error: Cannot find module
'http-proxy-middleware'
Error: Cannot find module
'serve-index'
|
如果你用的是老版本的 vue-cli 还可能报其他错误，需要更新一下 vue-cli
|
1
|
npm update vue-cli
|
安装一下这个依赖到工程开发环境
|
1
2
3
4
5
6
7
8
9
|
cnpm install opn --save-dev
cnpm install webpack-dev-middleware --save-dev
cnpm install express --save-dev
cnpm install compression --save-dev
cnpm install sockjs --save-dev
cnpm install spdy --save-dev
cnpm install http-proxy-middleware --save-dev
cnpm install serve-index --save-dev
cnpm install connect-history-api-fallback --save-dev
|
再启动项目，报错
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
ERROR
in
./src/main.js
Module build failed: Error: Cannot find module
'babel-runtime/helpers/typeof'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (
internal
/module.js:20:19)
at Object.<anonymous> (/Volumes/MacStorage/Coding/Web/vue-test/node_modules/.6.17.0@babel-core/lib/transformation/file/index.js:6:16)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
@ multi main
ERROR
in
./~/.2.1.0-beta.8@webpack-dev-server/client/socket.js
Module not found: Error: Can
't resolve '
sockjs-client
' in '
/Volumes/MacStorage/Coding/Web/vue-test/node_modules/.2.1.0-beta.8@webpack-dev-server/client'
@ ./~/.2.1.0-beta.8@webpack-dev-server/client/socket.js 1:13-37
@ ./~/.2.1.0-beta.8@webpack-dev-server/client?http:
//localhost:8080
@ multi main
|
安装一下 babel-runtime
|
1
|
cnpm install babel-helpers --save-dev
|
启动项目，再次报错
|
1
2
3
4
5
6
|
Module build failed: Error: Cannot find module
'babel-helpers'
Module build failed: Error: Cannot find module
'babel-traverse'
Module build failed: Error: Cannot find module
'json5'
Module build failed: Error: Cannot find module
'babel-generator'
Module build failed: Error: Cannot find module
'detect-indent'
Module build failed: Error: Cannot find module
'jsesc'
|
找不到依赖那就再安装一下
|
1
2
3
|
cnpm install babel-helpers --save-dev
cnpm install babel-traverse --save-dev
cnpm install json5 --save-dev
|
遇到
|
1
|
Module build failed: Error: Cannot find module
'模块名'
|
那就安装
|
1
2
3
|
cnpm install 模块名 --save-dev(关于环境的，表现为npm run dev 启动不了)
cnpm install 模块名 --save(关于项目的，比如main.js，表现为npm run dev 成功之后控制台报错)
比如escape-
string
-regexp、strip-ansi、has-ansi、
is
-finite、emojis-list
|
写示例时注意：
一、一个组件下只能有一个并列的 div，可以这么写，所以复制官网示例的时候只要复制 div 里面的内容就好。
二、数据要写在 return 里面而不是像文档那样子写