创建Vue项目,仿写学城在线的时候遇到的问题记录

* !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-
0f4903d4","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/selector?type=sty
les&index=0!./head.vue in ./src/base/components/head.vue
* !!vue-style-loader!css-loader?{"sourceMap":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data
-v-c93be360","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":true}!../../../../node_modules/vue-loader/lib/selector?ty
pe=styles&index=0!./home.vue in ./src/modules/home/page/home.vue

To install them, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib
/style-compiler/index?{"vue":true,"id":"data-v-0f4903d4","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":true}!../../.
./node_modules/vue-loader/lib/selector?type=styles&index=0!./head.vue !!vue-style-loader!css-loader?{"sourceMap":true}!../../../../nod
e_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-c93be360","scoped":true,"hasInlineConfig":false}!sass-loader?{"
sourceMap":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./home.vue

刚开始有一些路径   js引用的不对   改正之后  就开始一直报这个错

(所有问题都是搜来解决的)

根据日志安装所需要的模块

npm install stylus-loader css-loader style-loader less-loader --save-dev

半路又说我的项目文件packjson不存在,发现是套用了两层,用webstorm重新打开里面的项目,结构恢复正常

之后的一个错误

8136 error      errno: -4048,
8136 error      code: 'EPERM',
8136 error      syscall: 'unlink',
8136 error      path:
8136 error       'E:\\vue-project\\vue-start\\node_modules\\.staging\\postcss-289ba103\\README.md' },
8136 error   stack:
8136 error    'Error: EPERM: operation not permitted, unlink \'E:\\vue-project\\vue-start\\node_modules\\.staging\\postcss-289ba103\\README.md\'',
8136 error   errno: -4048,
8136 error   code: 'EPERM',
8136 error   syscall: 'unlink',
8136 error   path:
8136 error    'E:\\vue-project\\vue-start\\node_modules\\.staging\\postcss-289ba103\\README.md',
8136 error   parent: 'postcss-filter-plugins' }

这个.staging文件是在运行过程中出现的，当真正install所有包之后，node_modules里面的包就会显示正常，也就是，出现这个就是没有加载完，没有完成到最好。

然后

npm cache clean -f

npm install -g n

n stable

再后来

65 error notsup Unsupported platform for [email protected]: wanted {"os":"!win32","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm install -g n

还有个sass安装

npm install node-sass --save-dev 

npm install sass-loader --save-dev

报错

MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题，1) 安装 .NET Framework 2.0 SDK；2) 安装 Microsoft Visual Studio 2005；或 3) 如果将该组件安装到了其他位置，请将其位置添加到系统路径中。
 

要以管理员身份运行cmd

 npm install -g node-gyp(如果不先执行  可能会有下面这个错误)

14 verbose argv "D:\\Node.js\\node.exe" "C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "install" "-g" "–production" "windows-build-tools"
15 verbose node v10.15.3
16 verbose npm  v6.9.0
17 error code EINVALIDTAGNAME
18 error Invalid tag name "–production": Tags may not have any characters that encodeURIComponent encodes.

然后执行

npm install –global –production windows-build-tools 

都运行成功之后  

npm install node-sass
这样要用的东西就都装好了  

项目地址https://github.com/Big-moo-cow/vue-start

 

跨域问题配置代理的时候

Cannot read property 'assetsRoot' of undefined

config下的index.js 里面{}没有对齐  dev包含了build

 

运行成功之后

 Your application is running here: http://undefined:undefined
还是config 下面的index.js格式没有弄好.要仔细调整