代码之家  ›  专栏  ›  技术社区  ›  Nikul Panchal

获取错误:模块分析失败:react js中出现意外标记(1:0)

  •  0
  • Nikul Panchal  · 技术社区  · 5 年前

    我在做react图的演示,我在用react webpack,但是控制台出错了,

    ERROR in ./node_modules/storm-react-diagrams/dist/style.min.css 1:0
    Module parse failed: Unexpected token (1:0)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    

    在这里我已经添加了我的整个脚本,谁能看看我的代码,并帮助我解决这个问题?

    应用程序js

    import React from 'react';
    import $ from "jquery";
    
    import * as SRD from "storm-react-diagrams"
    require("storm-react-diagrams/dist/style.min.css")
    
    class App extends React.Component {
    
      componentDidMount() {
        // 1) setup the diagram engine
        var engine = new SRD.DiagramEngine();
        engine.installDefaultFactories();
    
        // 2) setup the diagram model
        var model = new SRD.DiagramModel();
    
        // 3) create a default node
        var node1 = new SRD.DefaultNodeModel("Node 1", "rgb(0,192,255)");
        let port1 = node1.addOutPort("Out");
        node1.setPosition(100, 100);
    
        // 4) create another default node
        var node2 = new SRD.DefaultNodeModel("Node 2", "rgb(192,255,0)");
        let port2 = node2.addInPort("In");
        node2.setPosition(400, 100);
    
        // 5) link the ports
        let link1 = port1.link(port2);
    
        // 6) add the models to the root graph
        model.addAll(node1, node2, link1);
    
        // 7) load model into engine
        engine.setDiagramModel(model);
      }
    
      render() {
        return <SRD.DiagramWidget diagramEngine={engine} />
      }
    
    }
    export default App;
    
    1 回复  |  直到 5 年前
        1
  •  1
  •   OSCAR MAURICIO YEPES MORATO    5 年前

    您必须在webpack中使用css加载器,因为您正试图在js文件中导入css文件。

    试试这个 How to import CSS files into webpack?