ค้นหาเว็บไซต์
ในระหว่างการสร้างโปรแกรมของฉัน webpack กำลังให้ข้อผิดพลาดนี้กับฉัน:
ข้อผิดพลาดใน ./client/components/App/index.tsx 15:9 การแยกโมดูลล้มเหลว: พบสัญลักษณ์ที่ไม่คาดคิด (15:9) คุณอาจต้องใช้ตัวโหลดที่เหมาะสมเพื่อจัดการกับประเภทไฟล์นี้
| | > const App: SFC = () => ( | <div style={{ background: "red" }}> | <h3>test</h3>@ ./client/index.tsx 11:4-14:6 12:24-51 @ multi react-hot-loader/patch ./clie
อ่านต่อไป →ฉันกำลังพยายามรัน Typescript กับ Webpack แต่ดูเหมือนว่าฉันจะเจอปัญหา ทุกอย่างทำงานได้ดีจนกระทั่งฉันเริ่มเพิ่ม typings ให้กับตัวแปร (เช่น color:string;) มีใครช่วยฉันได้ไหม?
package.json:
{ ... "devDependencies": { "browser-sync": "^2.26.3", "browser-sync-webpack-plugin": "^2.2.2", "html-webpack-plugin": "^3.2.0", "ts-loader": "^5.3.0", "typescript": "^3.1.4", "webpack": "^4.23.1", "webpack-cli": "^3.1.2" }, ... } อ่านต่อไป →การตั้งค่า webpack แบบง่ายของฉัน:
const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const path = require('path'); const developmentMode = 'development' const configFactory = () => { let plugins = [ new webpack.DefinePlugin({ __DEV__: developmentMode, }), new HtmlWebpackPlugin({ template: path.resolve(process.cwd(), 'src/index.html'), inject: true, }), ] const config = { mode: development อ่านต่อไป →ฉันกำลังพยายามย้ายแอปพลิเคชัน angularjs(1.5.10) ของฉันไปยัง Angular ตอนแรกแอปพลิเคชันของฉันถูกสร้างขึ้นโดยใช้ jhipster ตอนนี้เราได้ลบ jhipster ออกไปแล้วแต่โครงสร้างของแอปพลิเคชันยังคงเหมือนเดิม
ฉันได้ย้าย dependencies ทั้งหมดของฉันไปที่ package.json แล้วและฉันกำลังพยายามรวมสคริปต์ของฉันโดยใช้ webpack แล้วใช้สคริปต์ที่ถูกรวมในหน้า index.html เวอร์ชันของ webpack คือ 4.26.1 ฉันกำลังใช้ @uirouter/angularjs กับ เวอร์ชัน 0.3.1
อ่านต่อไป →เมื่อฉันสร้างโครงการของฉัน มันสร้างได้เรียบร้อย และสร้างไฟล์ bundle.js แต่เมื่อเข้าชมหน้าเว็บที่ http://localhost:8080/ ฉันได้รับคำเตือนในคอนโซล:
ฉันสับสนกับเรื่องนี้จริง ๆ เพราะดูเหมือนว่าทุกอย่างกำลังสร้างและเริ่มต้นอย่างถูกต้อง
ฉันได้ดูแต่ละหน้าพวกนี้: 1 2 3 4 และลองทำตามที่พวกเขาแสดงบนหน้านั้นแล้ว แต่ไม่มีอะไรเปลี่ยนแปลง
ไฟล์ webpack.config.js ของฉัน:
อ่านต่อไป →ฉันได้อัปเกรด Babel เป็นเวอร์ชันดังต่อไปนี้ในแอปพลิเคชัน ReactJS: "babel-core": "7.0.0-bridge.0", "@babel/core": "^7.2.2", "@babel/polyfill": "^7.2.5", "@babel/preset-env": "^7.3.1", "@babel/preset-react": "^7.0.0"
หลังจากนี้ การสร้าง webpack ของฉันล้มเหลวพร้อมกับข้อผิดพลาดดังต่อไปนี้
ข้อผิดพลาดใน ./src/App.tsx การสร้างโมดูลล้มเหลว (จาก ./node_modules/thread-loader/dist/cjs.js): Thread Loader (Worker 0) .sourceMap เป็นนามแฝงของ .sourceMaps ไม่สามารถใช้ทั้ง
อ่านต่อไป →ฉันได้รับ banners is not defined จากโค้ดต่อไปนี้
export const selectInfoBanners = createSelector( selectInfo, info => { const banners = [...info.banners]; while (banners.length < 2) { banners.push({ url: "" }); } return banners; } );แต่โค้ดที่สร้างขึ้นคือ
var selectInfoBanners = Object(reselect__WEBPACK_IMPORTED_MODULE_0__["createSelector"])(selectInfo, function(a) { for (var b = _toConsumableArray อ่านต่อไป →ฉันกำลังพยายามรวมโมดูล CSS เข้ากับโปรเจกต์ของฉันซึ่งใช้ Typescript และ Next JS นี่คือการตั้งค่าของฉันจนถึงตอนนี้:
module.exports = withCustomBabelConfigFile( withTypeScript(withCSS({ cssModules: true, babelConfigFile: path.resolve("./babel.config.js"), webpack(config, options) { config.module.rules.push({ test: /\.css$/, include: path.join(__dirname, 'pages/index.tsx'), use: [ 'style-load อ่านต่อไป →ฉันกำลังพยายามใช้ไลบรารีในโปรเจกต์ของฉัน ซึ่งใช้ Typescript ที่กำหนดเป้าหมายเป็น es6 และใช้โมดูล commonjs ผลลัพธ์สุดท้ายถูกสร้างโดยใช้ Webpack และกำหนดเป้าหมายสำหรับแพลตฟอร์มเว็บ
ฉันได้ติดตั้งการพึ่งพาด้วย npm install --save jose-jwe-jws และพยายามอ้างอิงมันในโค้ดของฉัน:
import {Jose} from "jose-jwe-jws"; ... let cryptographer = new Jose.WebCryptographer(); ...ทุกอย่างคอมไพล์ได้ดี แต่เมื่อฉันรันผลลัพธ์ของ webpack ในหน้าของฉัน ฉันได้รับข้อผิดพลา
อ่านต่อไป →ฉันกำลังเปลี่ยนโครงการของฉัน (ที่ใช้ vue.js) จาก Javascript เป็น Typescript และเมื่อฉันพยายามสร้างโครงการของฉันด้วยการปรับแต่งการกำหนดค่า webpack และโค้ด ฉันกลับล้มเหลวในการนำเข้าแพ็กเกจ vue
ไฟล์ index.js ของฉัน:
import Vue from "vue"; import store from './vuex/store'; import app from './app.vue'; let v = new Vue({ el: '#eme', store, components: {app} } );การตั้งค่า webpack ของฉัน:
'use strict' const path = require('path') const webpac อ่านต่อไป →