-
1 votesanswersviews
Webpack和React - 意外的令牌
我是React和Webpack的新手 . 我正在设置我的第一个项目,当我尝试运行webpack-dev-server时,我的代码无法编译! Update 以下答案是正确的 . 我需要将 'react' 添加到babel加载器预设中 . 您可以在此处查看项目的完整来源:https://github.com/cleechtech/redux-todo 错误: $ webpack-dev-server ... -
2 votesanswersviews
使用webpack构建应用程序后,React Routes无法正常工作
使用webpack构建应用程序后,React Routes无法正常工作 当我使用webpack服务器运行应用程序时,路由工作正常(npm start) webpack.config file var webpack = require('webpack'); module.exports = { entry: { 'index': [ 'webpa... -
1 votesanswersviews
webpack 生产环境 配置(react,es6)
我有使用ES6,react和react-router进行站点开发的webpack配置 . 它使用具有热重载和路由的开发人员服务器 . /config/webpack.dev: var webpack = require('webpack'); var path = require('path'); var APP_DIR = path.join(__dirname, '..', 'app'); ... -
0 votesanswersviews
当webpack安装到现有的反应项目时,react-scripts start会抛出错误
安装webpack后运行 npm start 后,我的反应项目出错了 . npm install webpack npm install webpack-dev-server 这是我的package.json(没有上面的包) { "name": "myproject", "version": "0.1.0",... -
0 votesanswersviews
React webpack - 设置脚本以构建项目
如果我输入npm run start,则启动项目 . 如果输入的npm run build存在,它会在import,webpack上抛出意外的令牌导入异常 . 我如何正确组装项目? 一切都收集在一个文件夹中 . 如果我运行index.html它会工作正常 . 我的package.js: { "name": "your-pizza", "ve... -
0 votesanswersviews
使用webpack在Django服务器上运行React App
我正在使用Django作为后端构建一个Web应用程序,并希望实现一个ReactJS框架前端 . 我现在拥有的每个应用程序都可以正常运行,彼此独立 . 我也实现了webpack,它似乎正确配置,因为它将在localhost上运行我的ReactJS应用程序 . 作为webpack的新手(以及一般的web开发)我不确定如何让React在Django本地服务器上运行(127.0.0.1:8000) . 我... -
0 votesanswersviews
如何为React App定制webpack构建脚本
我正在移动一个Web应用程序作出反应,因此从Grunt作为buildtool转移到webpack . 现在,下面的代码是webpack.config文件 . 这是为开发建议设置的,然后有一个构建脚本(npm run和npm build) 但是,构建脚本现在只连接组件/ react js文件并将它们放在dist文件夹的根目录下 . 没有其他文件被复制 . 我不明白构建脚本的重点是否就是这样 . 但是... -
1 votesanswersviews
无法读取未定义的vue属性'post'
感谢您阅读我的问题 . 我已经读过我的问题 VUE JS 2 + WEBPACK Cannot read property 'get' of undefined VUE RESOURCE 但我的系统没有阅读Vue var :( 我有一个vue组件调用app.vue,我需要使用vue-resource从我的帖子中获取数据 . 但错误很多次是: TypeError: Cannot read prope... -
7 votesanswersviews
不使用sass-loader的字体的相对路径
我有一个完全干净的项目利用 vue-templates/pwa . 一切都按预期工作 . 加载了SCSS文件,但字体的路径失败 . 错误消息: assets / fonts / DIN / din_alternate_bold_1-webfont.ttf in ./~/css-loader?{“minimize”:false,“sourceMap”:false}!./~ / vue-loade... -
0 votesanswersviews
Vue路线不起作用
我无法使用vue routes获取以下错误(npm 3.10.10,webpack 3.8.1) . 怎么解决这个问题 编译失败 . ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/qu... -
2 votesanswersviews
如何在webpack中使用快捷路径“@”?
我用package.json做了“npm run build” . 我收到了这条消息 . 如何在webpack中使用@? ./node_modules/babel-loader/lib! . / node_modules / vue-loader / lib / selector中的错误 . js?type = script&index = 0!./ src / App.vue找不到模块:错误... -
3 votesanswersviews
如何让react-hot-loader与动态导入一起工作?
我看到了this answer,它显示了如何让react-hot-loader使用 import() 语法,但在我的情况下,直到运行时我才知道文件名 . 这是我得到的: export default function(component, props, mountPoint) { function render() { import(`./containers/${com... -
0 votesanswersviews
VueJS WebpackSimple没有编译SASS
我刚刚通过webpack简单地安装了新的VueJs,试图将SASS设置为CSS . 文档说它已经准备好开发了,但是webpack只适用于SCSS,而不适用于SASS . 有人可以分享一些kwnolegde如何使用 lang="sass" ? 我也按照https://vue-loader.vuejs.org/guide/pre-processors.html#sass-vs-sc... -
1 votesanswersviews
将mailchimp与nuxt js app集成
solution provided here对我不起作用:/ 我在运行npm run dev时收到一条消息 错误无法编译1错误11:21:24未找到此依赖项:mojo / signup-forms / Loader in ./node_modules/babel-loader/lib?{"babelrc":false,"cacheDirectory":tr... -
2 votesanswersviews
使用Webpack访问Sass中的全局变量而无需多次导入
我正在使用带有Sass和webpack的Bootstrap 4来构建React应用程序,每个React组件都有自己的.scss文件 . 我遇到了一个问题,我需要使用Bootstrap的变量,但我无法导入bootstrap,因为我最终导入Bootstrap多次(除了性能问题,重复导入会覆盖我对Bootstrap规则的更改) 我的主要两个问题是: ComponentA stylesheet必须访... -
2 votesanswersviews
polymer-webpack-loader:如何导入和转换Polymer .html模板
我是Polymer和Webpack的新手,并试图找出如何正确地进行聚合物webpack-loader的转换 . 根据新的Polymer 3.x将HTML导入JS的方式(Polymer 2.x反之亦然),我创建了一个单独的.html文件,并尝试将其导入我的'extends PolymerElement'类 . 这是我的简单template.html文件: <div>This is my ... -
3 votesanswersviews
如果没有'new',则无法调用Polymer 3 Webpack - > PolymerElement
我正在测试Polymer 3.0预览代码,并希望使用Webpack和Babel设置一个简单的项目,将其转换回ES5 . 编译工作正常 . 我将custom-elements-es5-adapter.js添加到我的演示页面,但捆绑的代码执行时出现以下错误: custom-component.js:13 Uncaught TypeError: Class constructor PolymerElem... -
2 votesanswersviews
生产环境 中的Webpack:为什么React Native错误?
我有一个安装了以下测试应用程序: "dependencies": { "express": "^4.14.0", "react": "^15.3.2", "react-dom": "^15.3.2" }, "devDependencies... -
0 votesanswersviews
CKEditor和Webpack:缺少装载程序
我正在尝试按照本指南将CKEditor5添加到我的网站:https://docs.ckeditor.com/ckeditor5/latest/framework/guides/quick-start.html 我已经完成了它告诉我添加加载器的步骤 . 我没有改变指南告诉你添加到yourwebpack配置的内容 . 这是我的完整webpack配置: 'use strict'; var webpac... -
0 votesanswersviews
TS2304错误 - 试图启动Webpack
我试图让一个webpack工作,以下示例:https://angular.io/docs/ts/latest/guide/webpack.html 我已经在其他相关帖子中标记了一个补救措施:“npm install @ types / node --save-dev” 所以在执行npm start后,正在渲染chunk "polyfill.js",有6个TS2304错误与'无法... -
12 votesanswersviews
如何在webpack中以正确的顺序导入样式
我使用bootstrap css和一个用less编写的附加模板 . 我导入反应组件的根组件 . 不幸的是,即使较少的文件是导入的第二个文件,引导程序中的样式也会覆盖较少的样式 . 有没有办法确保webpack的样式顺序 . 这是根组件: import React from "react"; import Dashboard from "./dashboard"... -
0 votesanswersviews
使用React Loadable在HOC中包含的代码拆分路径组件
我正在使用React Loadable使用Webpack 3.11进行基于路由的代码拆分时遇到问题 . 当我尝试在服务器上呈现我的应用程序时,我的异步模块会立即解析而无需等待承诺 . 因此SSR输出变为 <div id="root"></div> . App.js: const App = () => ( <Switch> ... -
41 votesanswersviews
Sass与CSS Modules&Webpack
我一直在使用Webpack,Sass和CSS模块构建一个项目 . 通常在我的 .scss 文件中,我定义了一个类,如: :local(.button) { color: white; } 在我的React组件中,在 render 方法中,我需要样式: render = () => { const styles = require('./MyStyles.scss'); ... -
3 votesanswersviews
如何在webpack中呈现嵌套的SASS?
拿下面的css ...... .MyComponent { color: blue; .Button { color: red; } } 以下React组件...... import React from 'react' import classes from './MyComponent.scss' export const MyComponent = props =&... -
8 votesanswersviews
如何在Webpack中加载SVG图像?
我想在Webpack中使用svgo-loader加载SVG文件,但是我收到以下错误: ./~/css-loader?modules&localIdentName=[name][local][hash:base64:5]! . /〜/ autoprefixer-loader! . /〜/ without-loader! . / demo / src / component找不到/App/c... -
1 votesanswersviews
Webpack没有构建css文件
所以我按照http://webpack.github.io/docs/tutorials/getting-started/上的教程进行操作,并且我被困在css样式加载器步骤中 . 这是我的entry.js: require("!style!css!./style.css"); document.write(require("./content.js")) ... -
0 votesanswersviews
无法使用file-loader和webpack v2加载字体
我在使用webpack v2和file-loader加载字体时遇到问题 . 对任何字体文件使用url-loader一切都很完美 . 但是,我想使用文件加载器,因此我们可以缓存字体文件,而不是将所有图像和字体存储在捆绑的js文件中 . 我正在使用webpack v2,css-modules和postcss(以及postcss-loader) . 为了简单起见,我在global.pcss样式表中定义了... -
0 votesanswersviews
Webpack可能需要适当的加载器来处理文件 . 加载程序不从导入加载CSS
我的webpack配置文件无法从导入的文件中加载CSS . 我已经看过人们在网上更新了加载器的测试正则表达式的几个问题,并添加了文件加载器以及url加载器,但我仍然遇到同样的问题 . 就好像Webpack(v3)不知道从我导入的任何文件中加载css的位置或方式 . 我还应该注意,我最初使用create-react-app创建了这个应用程序,然后删除了node_modules并设置了我自己的自定义w... -
0 votesanswersviews
嵌套类在使用webpack的CSS模块中不起作用
我使用webpack和css-loader以及style-loader在我的React应用程序中启用css模块 . 这些是以下设置: Webpack配置: module.exports = { mode: "development", entry: __dirname + "/app/index.js", module: { ... -
0 votesanswersviews
使用文件夹名称解析Typescript文件
我将我的代码从ES6移植到.TS / .TSX 给定这样的文件夹结构: Table/Tables.tsx 从ES6中的另一个反应组件导入我曾经能够这样做: import Table from '../Table' 即,通过文件夹名称解析导入将足够聪明 . 现在我已经切换到Typescript,我必须更详细地导入(从另一个.tsx文件); import Table from '../Table/Ta...