编辑:可能是我的用户名有空格的问题,所以webpack cli在处理这种路径时遇到了困难?
我正试着用我的Laravel安装Vue 3,但是由于某种原因,laravel或webpack给我造成了错误,我试着卸载webpack和some,并再次安装它,但是它没有帮助。
国家预防机制版本: 6.14.6
Package.json
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "mix",
"watch": "mix watch",
"watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot",
"prod": "npm run production",
"production": "mix --production"
},
"devDependencies": {
"@types/webpack-env": "^1.16.0",
"@vue/compiler-sfc": "^3.0.6",
"axios": "^0.21",
"laravel-mix": "^6.0.0-beta.17",
"laravel-mix-vue3": "^0.7.0",
"lodash": "^4.17.19",
"postcss": "^8.1.14",
"vue": "^3.0.6",
"vue-loader": "^16.1.2",
"webpack": "^5.24.2",
"webpack-cli": "^4.5.0"
},
"dependencies": {}
Webpack.mix.js
const mix = require('laravel-mix');
require("laravel-mix-vue3");
mix.vue3("resources/js/app.js", "public/js")
.postCss('resources/css/app.css', 'public/css', [
//
]);
错误:
> mix watch --hot
[webpack-cli] Failed to load 'C:\Users\PC' config
[webpack-cli] Error: Cannot find module 'C:\Users\PC'
Require stack:
- C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js
- C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\bootstrap.js
- C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\bin\cli.js
- C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack\bin\webpack.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
at Function.Module._load (internal/modules/cjs/loader.js:841:27)
at Module.require (internal/modules/cjs/loader.js:1025:19)
at require (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at loadConfig (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js:1158:31)
at C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js:1245:74
at Array.map (<anonymous>)
at WebpackCLI.resolveConfig (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js:1245:32)
at WebpackCLI.createCompiler (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js:1670:33)
at Command.<anonymous> (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\@webpack-cli\serve\lib\index.js:67:40) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\Users\\PC Master Race\\Desktop\\Laravel\\learn-vue\\vue3test\\node_modules\\webpack-cli\\lib\\webpack-cli.js',
'C:\\Users\\PC Master Race\\Desktop\\Laravel\\learn-vue\\vue3test\\node_modules\\webpack-cli\\lib\\bootstrap.js',
'C:\\Users\\PC Master Race\\Desktop\\Laravel\\learn-vue\\vue3test\\node_modules\\webpack-cli\\bin\\cli.js',
'C:\\Users\\PC Master Race\\Desktop\\Laravel\\learn-vue\\vue3test\\node_modules\\webpack\\bin\\webpack.js'
]
}
发布于 2021-03-31 00:28:30
在搜索了几天和几个小时之后,我终于找到了答案。
这与您进入项目目录的方式有关。请见下文:
我用这种方式进入我的项目文件夹
cd C:/Repo/myproject/Laravel
这给了我上面的错误。
但当我这样做的时候
cd C:/repo/myproject/laravel
它起作用了,注意文件夹名称的情况很重要,它需要与您所称的文件夹完全匹配,它的大小写很明显是敏感的。
祝你好运!
发布于 2021-02-26 09:53:22
好吧,看起来我的窗口用户名导致了这个错误,创建了一个新的帐户,用户名中没有空格,现在webpack-cli正在按预期工作,webpack-cli可能会认为,当路径中有一个空格是路径的末尾时,如果我理解了错误正确的话。
https://stackoverflow.com/questions/66382447
复制相似问题