게시글
질문&답변
2021.12.21
안녕하세요! 몇번씩 확인을 했는데도 hello webpack 이 출력이안되는데 어떻게해결을해야할까요ㅠㅠ 유튜브에서 메일을 찾아서 보냈었는데 없는 메일이라더라구요 흑흑
복붙해서 하나하나 비교해봤는데 ("") 가 ('')로 되어서 안되던거였네요 감사합니다 해결 되었습니다ㅠㅠ
- 0
- 9
- 489
질문&답변
2021.12.21
안녕하세요! 몇번씩 확인을 했는데도 hello webpack 이 출력이안되는데 어떻게해결을해야할까요ㅠㅠ 유튜브에서 메일을 찾아서 보냈었는데 없는 메일이라더라구요 흑흑
네 client.jsx 파일 test파일 안에 있습니다!
- 0
- 9
- 489
질문&답변
2021.12.21
안녕하세요! 몇번씩 확인을 했는데도 hello webpack 이 출력이안되는데 어떻게해결을해야할까요ㅠㅠ 유튜브에서 메일을 찾아서 보냈었는데 없는 메일이라더라구요 흑흑
ERROR in app Module not found: Error: Can't resolve './client' in '/Users/alice/project/test' resolve './client' in '/Users/alice/project/test' using description file: /Users/alice/project/test/package.json (relative path: .) Field 'browser' doesn't contain a valid alias configuration using description file: /Users/alice/project/test/package.json (relative path: ./client) no extension Field 'browser' doesn't contain a valid alias configuration /Users/alice/project/test/client doesn't exist js Field 'browser' doesn't contain a valid alias configuration /Users/alice/project/test/clientjs doesn't exist jsx Field 'browser' doesn't contain a valid alias configuration /Users/alice/project/test/clientjsx doesn't exist as directory /Users/alice/project/test/client doesn't exist wordrelay-setting (webpack 5.65.0) compiled with 1 error in 70 ms alice@MacBook-Pro test % npx webpack 했을때 오류나네요,,
- 0
- 9
- 489
질문&답변
2021.12.21
안녕하세요! 몇번씩 확인을 했는데도 hello webpack 이 출력이안되는데 어떻게해결을해야할까요ㅠㅠ 유튜브에서 메일을 찾아서 보냈었는데 없는 메일이라더라구요 흑흑
감사합니다!! 오류는 안나는데 출력은 여전히 안되네요근데..
- 0
- 9
- 489
질문&답변
2021.12.21
안녕하세요! 몇번씩 확인을 했는데도 hello webpack 이 출력이안되는데 어떻게해결을해야할까요ㅠㅠ 유튜브에서 메일을 찾아서 보냈었는데 없는 메일이라더라구요 흑흑
아죄송합니다 .. npm ERR! code EINVALIDTAGNAME npm ERR! Invalid tag name "@babel-loader": Tags may not have any characters that encodeURIComponent encodes. npm ERR! A complete log of this run can be found in: npm ERR! /Users/alice/.npm/_logs/2021-12-21T02_01_16_181Z-debug.log alice@MacBook-Pro test % npm i -D @babel-loader npm ERR! code EINVALIDTAGNAME npm ERR! Invalid tag name "@babel-loader": Tags may not have any characters that encodeURIComponent encodes. npm ERR! A complete log of this run can be found in: npm ERR! /Users/alice/.npm/_logs/2021-12-21T02_06_35_284Z-debug.log
- 0
- 9
- 489
질문&답변
2021.12.21
안녕하세요! 몇번씩 확인을 했는데도 hello webpack 이 출력이안되는데 어떻게해결을해야할까요ㅠㅠ 유튜브에서 메일을 찾아서 보냈었는데 없는 메일이라더라구요 흑흑
@babel-loader에서 잘못된 태그이름이라고 오류가났는데 코드상 문제가있을까요.. module : { rules : [ { test : / \. jsx ?/ , loader : ' babel-loader ' , options : { presets : [ ' @babel/preset-env ' , ' @babel/preset-react ' ] , plugins : [ ' @babel/plugin-proposal-class-properties ' ] , }, } ] , },
- 0
- 9
- 489
질문&답변
2021.12.21
안녕하세요! 몇번씩 확인을 했는데도 hello webpack 이 출력이안되는데 어떻게해결을해야할까요ㅠㅠ 유튜브에서 메일을 찾아서 보냈었는데 없는 메일이라더라구요 흑흑
Uncaught SyntaxError: app.js:1 Cannot use import statement outside a module index.html:40 Live reload enabled.개발자도구에선 이 에러가뜨고 , 웹팩 강좌이후 안됩니다ㅜㅜ
- 0
- 9
- 489
질문&답변
2021.12.20
안녕하세요! 몇번씩 확인을 했는데도 hello webpack 이 출력이안되는데 어떻게해결을해야할까요ㅠㅠ 유튜브에서 메일을 찾아서 보냈었는데 없는 메일이라더라구요 흑흑
index부분은 아닌거같은데 const path = require ( " path " ) ; module.exports = { name : ' wordrelay-setting ' , mode : ' development ' , //실서비스에선 production devtool : ' eval ' , resolve : { extensions : [ ' js ' , ' jsx ' ] }, entry : { app : [ ' ./client ' ] , }, //입략 module : { rules : [ { test : / \. jsx ?/ , loader : ' babel-loader ' , options : { presets : [ ' @babel/preset-env ' , ' @babel/preset-react ' ] , plugins : [ ' @babel/plugin-proposal-class-properties ' ] , }, } ] , }, output : { path : path . join (__dirname , ' dist ' ) , filename : ' app.js ' }, //출력 }; 아마 여기가 아닐까 싶습니다ㅜㅜ 웹팩다운중 잘못된건지 app.js도 강사님처럼 안뜨고 /* * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development"). * This devtool is neither made for production nor for readable output files. * It uses "eval()" calls to create a separate source file in the browser devtools. * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) * or disable the default devtool with "devtool: false". * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). */ /******/ ( () => { // webpackBootstrap /******/ " use strict " ; /******/ /******/ /******/ } )() ;이렇게만 뜹니다ㅜㅜ
- 0
- 9
- 489