{"rsdb":{"rid":"372578","subhead":"","postdate":"0","aid":"261523","fid":"107","uid":"1","topic":"1","content":"<div id=\"cnblogs_post_body\" class=\"blogpost-body \"> \n <p>\u5f53\u6211\u4eec\u5728src\u76ee\u5f55\u4e0b\u521b\u5efa.scss\u6587\u4ef6\uff0c\u5e76\u5728main.js\u4e2d\u5f15\u7528\uff0c\u8fd0\u884c\u65f6\u4f1a\u62a5\uff1a<\/p> \n <p><span style=\"color: #ff0000;\"> ERROR Failed to compile with 1 errors 5:25:07 PM<\/span><br \/><span style=\"color: #ff0000;\">This relative module was not found:<\/span><\/p> \n <p><span style=\"color: #ff0000;\">* .\/main.scss in .\/src\/main.js<\/span><\/p> \n <p><span style=\"color: #000000; background-color: #888888;\">\u5982\u56fe\u6240\u793a<\/span><\/p> \n <p><img src=\"https:\/\/img2018.cnblogs.com\/blog\/1763968\/201909\/1763968-20190918172938692-1494712296.png\" alt=\"\" width=\"607\" height=\"267\" \/><\/p> \n <p>&nbsp;<\/p> \n <p>\u89e3\u51b3\u65b9\u6cd5\uff1a<\/p> \n <p>\u65b0\u7248\u672c\u7684vue-cli\u5df2\u7ecf\u5e2e\u6211\u4eec\u628asass-loader\u914d\u7f6e\u597d\u4e86\uff0c\u653e\u5728util.js\u91cc\u9762\u4e86<\/p> \n <p>\u524d\u9762\u6211\u4eec\u901a\u8fc7&nbsp;<span style=\"background-color: #ffcc00;\">cnpm i node-sass sass-loader -D&nbsp;&nbsp;<span style=\"background-color: #ffffff;\">&nbsp; \u5b89\u88c5\u597d\u4e86scss\u4f9d\u8d56<\/span><\/span><\/p> \n <p>\u5e76\u5728build\u6587\u4ef6\u5939\u4e0b\u7684webpack.base.conf.js\u7684rules\u91cc\u9762\u6dfb\u52a0\u4e86\u5982\u4e0b\u914d\u7f6e<\/p> \n <p align=\"justify\">{<\/p> \n <div> \n  <div>\n   test:&nbsp;\/\\.scss$\/,\n  <\/div> \n  <div>\n   loaders: ['style',&nbsp;'css',&nbsp;'sass']\n  <\/div> \n  <div>\n   }\n  <\/div> \n <\/div> \n <p>&nbsp;<\/p> \n <p>\u73b0\u5728\u4e0d\u9700\u8981\u8fd9\u6837\u914d\u7f6e\u3002\u5982\u679c\u8fd9\u6837\u914d\u7f6e\u4f1a\u62a5\u9519\uff0c\u56e0\u4e3a\u914d\u7f6e\u91cd\u590d\u4e86\u3002<\/p> \n <p>\u53ea\u9700\u5c06\u6b64\u914d\u7f6e\u5220\u9664\u5373\u53ef<\/p> \n <p>&nbsp;<\/p> \n<\/div>","orderid":"0","title":"\u8e29\u5751\uff0cvue\u9879\u76ee\u4e2d\uff0cmain.js\u5f15\u5165scss\u6587\u4ef6\u65f6\u62a5\u9519","smalltitle":"","mid":"0","fname":"Web","special_id":"0","bak_id":"0","info":"0","hits":"62","pages":"1","comments":"0","posttime":"2019-09-19 11:11:39","list":"1568862699","username":"admin","author":"","copyfrom":"","copyfromurl":"","titlecolor":"","fonttype":"0","titleicon":"0","picurl":"https:\/\/www.cppentry.com\/upload_files\/","ispic":"0","yz":"1","yzer":"","yztime":"0","levels":"0","levelstime":"0","keywords":"<A HREF='https:\/\/www.cppentry.com\/do\/search.php?type=keyword&keyword=%B2%C8%BF%D3' target=_blank>\u8e29\u5751<\/A> <A HREF='https:\/\/www.cppentry.com\/do\/search.php?type=keyword&keyword=vue' target=_blank>vue<\/A> <A HREF='https:\/\/www.cppentry.com\/do\/search.php?type=keyword&keyword=%CF%EE%C4%BF' target=_blank>\u9879\u76ee<\/A> <A HREF='https:\/\/www.cppentry.com\/do\/search.php?type=keyword&keyword=main.js' target=_blank>main.js<\/A> <A HREF='https:\/\/www.cppentry.com\/do\/search.php?type=keyword&keyword=%D2%FD%C8%EB' target=_blank>\u5f15\u5165<\/A> <A HREF='https:\/\/www.cppentry.com\/do\/search.php?type=keyword&keyword=scss' target=_blank>scss<\/A> <A HREF='https:\/\/www.cppentry.com\/do\/search.php?type=keyword&keyword=%CE%C4%BC%FE' target=_blank>\u6587\u4ef6<\/A> <A HREF='https:\/\/www.cppentry.com\/do\/search.php?type=keyword&keyword=%CA%B1%B1%A8' target=_blank>\u65f6\u62a5<\/A>","jumpurl":"","iframeurl":"","style":"","template":"a:3:{s:4:\"head\";s:0:\"\";s:4:\"foot\";s:0:\"\";s:8:\"bencandy\";s:0:\"\";}","target":"0","ip":"14.17.22.32","lastfid":"0","money":"0","buyuser":"","passwd":"","allowdown":"","allowview":"","editer":"","edittime":"0","begintime":"0","endtime":"0","description":"\u8e29\u5751\uff0cvue\u9879\u76ee\u4e2d\uff0cmain.js\u5f15\u5165scss\u6587\u4ef6\u65f6\u62a5\u9519","lastview":"1712196822","digg_num":"0","digg_time":"0","forbidcomment":"0","ifvote":"0","heart":"","htmlname":"","city_id":"0"},"page":"1"}