vue报错踩坑....

您所在的位置:网站首页 webpack各版本区别 vue报错踩坑....

vue报错踩坑....

2023-05-11 05:13| 来源: 网络整理| 查看: 265

命令输入错误 1、npx webpack 打包报错

报这个错报的我快绝望了 ,昨天就有问题,看了几个小时也没弄出来,怕延误进度,就另开了一个文件夹,今天重新试了一下,依然报错…好在终于出来了。。。

ERROR in ./src/index.js Module not found: Error: Can't resolve 'vue' in 'D:\phpStudy\PHPTutorial\WWW\AAAThree\btest\vue\src'@ ./src/index.js 1:0-22 5:4-7

解决办法 npm i vue --save //(–save) 简写-S 安装包信息将加入到dependencies 扩展 --save和–save-dev区别

--save 简写 -S 安装包信息将加入到dependencies(生产阶段的依赖,也就是项目运行时的依赖,就是程序上线后仍然需要依赖) --save-dev 简写-D 安装包信息将加入到devDependencies(开发阶段的依赖,就是我们在开发过程中需要的依赖,只在开发阶段起作业的) 2、配置js文件的命令 D:\phpStudy\PHPTutorial\WWW\AAAThree\btest\vue> ==cnpm install @babel/core babel-loader @babel/present-env -D== × Install fail! Error: GET https://r.npm.taobao.org/@babel%2Fpresent-env response 404 status Error: GET https://r.npm.taobao.org/@babel%2Fpresent-env response 404 statusat get (C:\Users\孔真心\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\get.js:68:17)at get.next ()at onFulfilled (C:\Users\孔真心\AppData\Roaming\npm\node_modules\cnpm\node_modules\co\index.js:65:19)at process._tickCallback (internal/process/next_tick.js:68:7) npminstall version: 3.23.0 npminstall args: C:\Program Files\node.exe C:\Users\孔真心\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\bin\install.js --fix-bug-versions --china --userconfig=C:\Users\孔真心\.cnpmrc --disturl=https://npm.taobao.org/mirrors/node --registry=https://r.npm.taobao.org @babel/core babel-loader @babel/present-env -D

cnpm install @babel/core babel-loader @babel/present-env -D

3、sass-loader node-sass安装 弹出警告 peerDependencies WARNING sass-loader@^8.0.0 requires a peer of sass@^1.3.0 but none was installed peerDependencies WARNING sass-loader@^8.0.0 requires a peer of fibers@>= 3.1.0 but none was installed

使用命令 重新安装一次 cnpm install css-loader style-loader sass-loader node-sass -D

Module parse failed: Unexpected token (1:4)

不走心得话真的会被惩罚!!!!看见报错loader ,以为缺依赖。 来来回回安装依赖得有个十几遍。我好菜,如果我能早点翻译一下我也懂了appropriate 加载器 appropriate加载器 appropriate加载器,我发誓我以后会认真看英语!! 被自己气到吐血

ERROR in ./src/index.css 1:4 Module parse failed: Unexpected token (1:4) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > body{ | background: red; | }@ ./src/index.js 4:0-21

错误原因:webpack.config.js文件中匹配css的test多加了双引号错写成 test:"/\.(css|scss)$/", 解决办法 test:/\.(css|scss)$/, 先去掉双引号,然后使用命令重新安装css依赖 cnpm install css-loader style-loader sass-loader node-sass -D

持续更新



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3