dotnetage / vue-todos

《Vue实践揭秘》- 第1章 示例源码

vue-todos

Vue2 待办事项示例

安装

 $ npm run i

运行示例

$ npm run dev

在线演示

点击以下链接打开运行本示例: 在线演示

vue-todos's Issues

npm run i 运行后报错

0 info it worked if it ends with ok
1 verbose cli [ 'G:\node-v8.11.3-win-x64\node.exe',
1 verbose cli 'G:\node-v8.11.3-win-x64\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'i' ]
2 info using [email protected]
3 info using [email protected]
4 verbose stack Error: missing script: i
4 verbose stack at run (G:\node-v8.11.3-win-x64\node_modules\npm\lib\run-script.js:151:19)
4 verbose stack at G:\node-v8.11.3-win-x64\node_modules\npm\lib\run-script.js:61:5
4 verbose stack at G:\node-v8.11.3-win-x64\node_modules\npm\node_modules\read-package-json\read-json.js:115:5
4 verbose stack at G:\node-v8.11.3-win-x64\node_modules\npm\node_modules\read-package-json\read-json.js:402:5
4 verbose stack at checkBinReferences_ (G:\node-v8.11.3-win-x64\node_modules\npm\node_modules\read-package-json\read-json.js:357:45)
4 verbose stack at final (G:\node-v8.11.3-win-x64\node_modules\npm\node_modules\read-package-json\read-json.js:400:3)
4 verbose stack at then (G:\node-v8.11.3-win-x64\node_modules\npm\node_modules\read-package-json\read-json.js:160:5)
4 verbose stack at G:\node-v8.11.3-win-x64\node_modules\npm\node_modules\read-package-json\read-json.js:280:12
4 verbose stack at G:\node-v8.11.3-win-x64\node_modules\npm\node_modules\graceful-fs\graceful-fs.js:78:16
4 verbose stack at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:511:3)
5 verbose cwd G:\vue-todos
6 verbose Windows_NT 10.0.17134
7 verbose argv "G:\node-v8.11.3-win-x64\node.exe" "G:\node-v8.11.3-win-x64\node_modules\npm\bin\npm-cli.js" "run" "i"
8 verbose node v8.11.3
9 verbose npm v5.6.0
10 error missing script: i
11 verbose exit [ 1, true ]

引入todos.less需要在ul加上class名字

moment

moment 模块引进的时候报错。

Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.

按照提示安装 运行时报错Cannot find module "assets/todos.less"

less也都安装了啊为什么不行呢

我在从0开始构建vue的代码 编译提示不能找到这个文件

求问我该如何解决？

由于webpack版本问题 如果本地运行不了 可以修改以下配置

我下载源码后 本地运行报错
ERROR in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev -server ./src/main.js
Module not found: Error: Can't resolve 'babel' in 'D:\YxpLX\TeacherVue\vue-todos '
BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.
You need to specify 'babel-loader' instead of 'babel',
see https://webpack.js.org/guides/migrating/#automatic-loader-m odule-name-extension-removed
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-serve r ./src/main.js
npm run build

上网查找后发现 需要在webpack.config.js 进行配置 loader不能用简写省去 -loader 的形式 重新加上后缀-loader后就能运行

module: {
rules: [
{
test: /.vue$/,
loader: 'vue-loader',
options: {
// vue-loader options go here
}
},
{
test: /.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
test: /.css/,
loader: "style-loader!css-loader"
},
{
test: /.less$/,
loader: "style-loader!css-loader!less-loader"
},
{
test: /.(png|jpg|gif|svg)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]'
}
}
]
},