(转)Vue2.0入门实例注意事项 Vue2.0入门实例注意事项
https://www.cnblogs.com/liyujun1988/p/7078235.html
由于 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-devcnpm install webpack-dev-middleware --save-devcnpm install express --save-devcnpm install compression --save-devcnpm install sockjs --save-devcnpm install spdy --save-devcnpm install http-proxy-middleware --save-devcnpm install serve-index --save-devcnpm 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 mainERROR 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-devcnpm install babel-traverse --save-devcnpm 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-devcnpm install webpack-dev-middleware --save-devcnpm install express --save-devcnpm install compression --save-devcnpm install sockjs --save-devcnpm install spdy --save-devcnpm install http-proxy-middleware --save-devcnpm install serve-index --save-devcnpm 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 mainERROR 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-devcnpm install babel-traverse --save-devcnpm 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 里面而不是像文档那样子写