74 questions
0
votes
0
answers
119
views
Issue with running the web build after upgrading to Expo 53 and React Native 0.79
enter image description here
What I tried:
Updated to Expo 53 and React Native 0.79.
Added babel-loader to webpack.config.js to transpile @ui-kitten/components and react-native modules.
Set up babel....
- 1
0
votes
1
answer
49
views
Error running webpack after adding typescript to existing JS project
I'm having difficulty incorporating Typescript to my JS project which uses webpack. Here is my webpack.config.js:
const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
const ...
- 403
0
votes
1
answer
290
views
Webpack Module not found: Error: Can't resolve './src'
I am trying to set up a webpack build pipeline using typescript. I want to set up separate development and production builds as per the documentation: https://webpack.js.org/guides/production/#setup
I ...
0
votes
1
answer
64
views
Unable to build CSS while using tailwind
The Config file :
/\*\* @type {import('tailwindcss').Config} */
module.exports = {
content:["./TAILWIND/dist/*.hrtml"],
theme: {
extend:{},
},
plugins:[],
}
The Code i ran in terminal :
npx ...
- 1
1
vote
1
answer
102
views
Module not found: Error: Can't resolve './token.did.js' in '/home/name/ic-projects/token/src/declarations/token'
enter image description hereI am new to Web 3.0 programming. I was making an app for crypto token creation. while I was running the application, it was giving an error can't resolve:
./token.did.js' ...
- 11
1
vote
1
answer
2k
views
I keep getting this error: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file
Here's the full error:
ERROR in ./src/Component/logos.html 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are ...
- 11
1
vote
2
answers
970
views
Use opencascade.js in Vite program,when I run and then get some error : [ERROR]Could not resolve "a"
My program is typescript + three.js + vue3 + vite . My operation is as follows:
// terminal
npm i opencascade.js@beta
npm i vite-plugin-wasm
// vite.config.js
import { defineConfig } from 'vite'
...
- 11
0
votes
1
answer
171
views
Webpack Javascript Library - How to import Class directly?
I made new Javascript library with Webpack. I want to import class from this library directly. However, I need to put '.default' to run MyClass. I don't want to use '.default'. I just want to use ...
- 11
0
votes
1
answer
1k
views
dfx deploy --network ic failing
I am trying to deploy my first canister on the internet computer for an online class I am taking. Once I issue the command "dfx deploy --network ic" in the terminal I receive this output
...
- 49
0
votes
0
answers
244
views
After npx create-react-app, modifying webpack.config.js inside /node_modules/react-scripts... does not work
My goal is to change svgo module's config the way that it does not remove id tags from svg file while importing it.
I have App.js:
import React from 'react';
import logo from './logo.svg';
import './...
0
votes
0
answers
117
views
Getting an error during webpack build while using CSS modules
Error
1 | // extracted by mini-css-extract-plugin
2 | export default {"lala":"hQupzgS9tEJmjp6wWbAk"};
(lala is classname)
CSS modules is working fine and changes are reflecting ...
1
vote
0
answers
37
views
Call dynamically named bundle from Frontend in ReactJS
Inside webpack.config.js, i updated bundle.js name as following
output: {
path: path.resolve(__dirname, "../dist/"),
publicPath: "auto",
filename: "[name].[...
- 39
1
vote
0
answers
28
views
Benchmark.js when used in '.jsx' file throws error "Critical dependency: the request of a dependency is an expression"
I am trying to get benchmark results of a loop used and display it.
My code:
import Benchmark from 'benchmark';
import React, { useState } from 'react';
import Navigation from '../Navigation/...
3
votes
0
answers
641
views
Webpack with yarn react tailwind, yarn build won't load css files
I am using webpack, yarn, react from scratch, and tailwind.
In dev mode everything works, but in production mode my app won't load tailwind css styles at all.
I can't get the scripts to work in my ...
0
votes
0
answers
81
views
How to prevent 404 errors when browser is refreshed?
I want Angular(v.13) can initialise and handle routing instead of trying to handle it on the server.
I've searched "Update webpack dev server config" which tells the webpack dev server to ...
- 1
0
votes
1
answer
604
views
React useWindowSize hook no longer works in project without CRA
This simple hook is supposed to return the window width and height. I made this hook in a project where I used CRA where I faced no issues. In the current project, i have not used CRA in order to get ...
1
vote
1
answer
738
views
connection string generated by atlas cluster using terraform not in correct format
So im using terraform to create an atlas cluster but the output im getting is incompleteate to do my request terraform is givim me this:
mongodb+srv://esc-app-dbcluster-devel.b59mwv7.mongodb.net
and ...
- 29
0
votes
1
answer
345
views
webpack-dev-server --hot - didn't refresh browser files
I have no idea anymore. After updating node.js and webpack, I cannot set reload devServer.
I try with:
mode: "development",
static:
hot: true
and a few more things from google. What am I ...
- 1
8
votes
3
answers
22k
views
How to use fallback: { 'path': require.resolve('path-browserify'), in webpack?
I'm getting this error:
If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }' - install 'path-...
- 3,246
3
votes
1
answer
2k
views
How to export the configuration of `webpack.config.js` using pure ESM?
I'm trying to convert into pure ESM the webpack.config.js
import path from 'path'
import {fileURLToPath} from 'url'
import HtmlWebpackPlugin from 'html-webpack-plugin'
import CopyPlugin from 'copy-...
- 3,246
1
vote
0
answers
442
views
How to correctly load .pcss - postcss files with webpack?
I'm trying, without success so far, to load postcss , .pcss files with webpack
Packages installed :
"postcss": "^8.4.13",
"postcss-flexbugs-fixes": "^5.0.2",
&...
- 3,246
2
votes
2
answers
1k
views
Webpack external module in microfrontend/ multirepos angular gives an error on build
I have created a Angular project to call the microfrontend from other running angular project. I have import the module in my app by using webpack.config.js.
It is working well locally but failed on ...
- 41
4
votes
0
answers
690
views
webpack < 5 used to include polyfills for node.js core modules by default
I am beginner to react js. Please someone provide input for below issue.
In local system react js application is working fine but when i am generating build from Jenkins compilation is failing and ...
- 506
11
votes
1
answer
18k
views
HookWebpackError: Not supported when copy-webpack-plugin is used on Windows
I'm running into an error on Windows 10 whenever I try to run webpack, it works fine on macOS.
This is the error
[webpack-cli] HookWebpackError: Not supported
It runs fine without "CopyPlugin&...
- 113
4
votes
1
answer
1k
views
Alias the package in your webpack config: react native web maps ; react native maps
I need to use react native web maps in react native project ,
i'm using expo and need to alias package in my webpack.config.js
i want to use both ios/web version for my map.
I m fairly new to ...
- 91
1
vote
0
answers
971
views
Module not found: Can't resolve 'react-google-charts/dist/types'
I am working on react application where I have used react google charts for displaying Line chart with annotation. But I am getting an issue with role attribute for column in Line chart, have already ...
- 935
0
votes
1
answer
2k
views
Webpack : from webpack.config.js to webpack.dev.js
I have a question regarding webpack config files.
I'm new at this technology.
So far everything was working well until I changed the name of the webpack.config.js file to webpack.dev.js.
Now the js in ...
- 57
0
votes
1
answer
800
views
Asset Module Webpack create an extra folder
I am using the new asset module instead of loader-file but I have a problem because it creates two folders. It seems that is a easy stuff but I spent a lot of time searching and I can't get any ...
1
vote
2
answers
2k
views
import { ipcRenderer } from 'electron' produces this error: __dirname is not defined
With this simple vue page:
<template>
<div class="home">
<HelloWorld msg="Welcome to Your Vue.js App"/>
</div>
</template>
<script>
...
- 809
0
votes
0
answers
16
views
Problems related to accessing css modules
why am I getting an error while accessing CSS modules such as localIdentName in my webpack.config.js? and why am I not getting separate production and development webpack in my react app?
The initial ...
4
votes
1
answer
2k
views
Webpack can't find import needed for Typescript type resolution. How to fix this?
My project uses typescript and built with webpack.
I have a typings file that comes from a third part lib located under node_modules/@types/libname/custom.d.ts. That file has a namespace declaration ...
- 6,306
3
votes
0
answers
2k
views
npm run dev won't auto refresh with latest changes
I have an vue.js application that won't auto refresh when I run 'npm run dev' - the application will only update when I run 'npm run build'.
The application will start when I run npm run dev but it ...
- 31
0
votes
1
answer
79
views
What is the goal of module.exports in webpack.config.js?
We are not importing this object anywhere so I am wondering why do we export it ?
Thank you for your willingness to help !
- 1
0
votes
0
answers
162
views
Vue & Webpack - make files unreadable after build [duplicate]
I have set up a small project with Vue CLI and upload the built dist folder to my server. In the live version I can see all the .vue and .js files.
I wonder how Webpacks can make my files unreadable?...
- 4,600
0
votes
1
answer
572
views
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. C#
I'm trying to use the $.getJSON() function in javascript but I get this error:
"You may need an appropriate loader to handle this file type,
currently no loaders are configured to process this ...
- 109
2
votes
1
answer
3k
views
How to generate html template for static page from header/footer (and css/js inject) in Webpack 4 (lodash template not working)?
I'm trying to build static html pages with webpack 4. I'm using html-webpack-plugin. I want to define some header.html and footer.html and import them later in all html pages. But I want also then my ...
3
votes
0
answers
384
views
Nativescript vue webpack configaration missing
I;m beginner to nativescript-vue. When i initiate my project with following command tns run android it will occur below error
The webpack configuration file /home/camilus/laravel/vue-native/drawer/...
2
votes
0
answers
104
views
Webpack 4 devServer not refreshing browser
I'm using Webpack 4 in a Multi Page Application.
When in development mode:
Each page have some common third-party libraries (loaded via <script> tag) plus a custom .js file per-page (entry ...
- 698
0
votes
1
answer
1k
views
How to use environment variables that were defined in Webpack?
I am currently trying to add Google oauth to a React App I am creating. However I am running into a problem. I have defined some variables in my webpack but when I add them to my react code they are ...
- 689
0
votes
1
answer
590
views
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema in ReactJS
Cannot build production mode due to configuration object that does not match the API schema. The error happened after updating [email protected] to version [email protected]. I updated the webpack version ...
- 1,648
0
votes
0
answers
469
views
How to get an object (that uses esnext syntax) from webpack config in typescript
What I'm trying to achieve is to use dynamically created object in webpack config in a typescript script project (that uses esnext module syntax like import, export, dynamic import())
i.e. something ...
- 862
1
vote
0
answers
247
views
How to automatically add a module rule to react-scripts' webpack.config.js when using "npm install"
I've built my application with create-react-app, and to make it work I have to add
{
test: /node_modules.+js$/,
loader: require.resolve("ify-loader"),
},
to the module.rules ...
- 327
0
votes
1
answer
94
views
Why my webpack build worked so strange after adding resolve options of webpack configuration?
Actually,I don't know how to explain my question.At beginning,I come across some problem when I add resolve.alias to my webpack output modules———it doesn't work after my adding!then I found there're ...
0
votes
2
answers
893
views
Setting modules to false in webpack config breaks all css
I have the following webpack config and everything works perfectly:
module: {
rules: [
{
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
...
- 526
-3
votes
1
answer
110
views
Not able to run react project
I am new to reactjs. i am trying to write webpack.
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './main.js',
output: {
path: ...
- 4,223
0
votes
1
answer
1k
views
GET http://127.0.0.1:8000/dist/bundle.js net::ERR_ABORTED 404 (Not Found), despite compiling successfully.(vuejs+django webapp)
I am working on the cutecats tutorial and have trouble while integrating vue+django. I get no errors on compilation, the bundle.js is created and I can see it in my IDE, but the bundle returns a 404 ...
- 1
1
vote
1
answer
2k
views
How to properly load CSS from an external module in React?
In my react.js app I am trying to use an external module (React Toastify)
using the following statement:
import { ToastContainer, toast } from 'react-toastify';
import 'react-toastify/dist/...
- 4,063
0
votes
1
answer
1k
views
Stuck trying to run webpack in order to get a bundle.js file
Terminal:
Version: webpack 4.28.3
Time: 940ms
Built at: 02/19/2019 10:11:22 PM
1 asset
Entrypoint app = bundle.js
[0] ./client/src/index.js 4.6 KiB {0} [built] [failed] [1 error]
WARNING in ...
- 131
2
votes
2
answers
1k
views
Webpack 4 - Preserve folder structure for bundles
I'm can't preserve folder structure for my output bundles.
I tried to use [path] placeholder but it doesn't work.
There is similar thread but it does not answer my question.
I'm using: Webpack 4.28....
2
votes
0
answers
203
views
Entry module not found
ERROR in Error: Child compilation failed:
Entry module not found: Error: Can't resolve '/Users/MarkPierre/Desktop/es6-project-2019/src/index.html' in '/Users/MarkPierre/Desktop/es6-project-2019'...
- 21